/*============ Template Introduction=====================
Template Name: TravelStar - Tour, Travel & Travel Agency Template
Version: 1.0
Author: Ecology Theme
更多精品模板请访问：http://www.bootstrapmb.com
Tags: hotel, resort, tour, tourism, tourist, tours website, travel, traveler, traveling, traveling websites, rest, Travelo, vacation.
================================================================*/
/* Table of contents
================================================================
01. Base Styles here
02. Header css here / header
03. Slider css here
04. Tab-search-area section
05. Popular packajge section css
06. Counter section css
07. popular destination strat section css
08. Choose us strat section css
09. Blog section css
10 Testimonial css here
11 Incredible place section css
12 Subscribe area section css
13 Partner area section css
14 Footer area section css
15 Scrool to top section css
16 Home version 2 Slider area section css
17 Home version 2 Tabedsearch section css
18 Home version 2 welcome section css
19 Home version 2 welcome section css
20 Home version 2 tour-package section css
21. Home version 2 popular destination section css
22. Home version 2 discount section css
23. Home version 2 offer section css
24. Home version 2 blog section css
25 Home version 2 subscribe section css
26 Home version 2 gallery section css
27. Home version 3 hdeader section css
28. home version 3 herounit section css
29. why choose travelser section css
30. discount & deal section css
31. Video section css
32. online shop section css
33. thailand-trip section css
34. Testimonial two section css
35. Home version 4 header top section
36. Home version 4 slider section start
37. Home version 4 tabbased search section start here
38. Home version 4 popular package section start
39. Home version 4 discount package 4 section start
40. Home version 4 top destination section start
41. Home version 4 counter section
42. Home version 4 hotel section start
43. Home version partner 2 section start
44. Home version 4 footer section start
======================================================================================================*/
/*======================
01. Theme Base CSS
=========================*/
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
z-index: 28 !important;
}
.pt-100 {
padding-top:50px;
}
.pb-75 {
padding-bottom: 75px;
}
.pb-65 {
padding-bottom: 45px;
}
.pb-70 {
padding-bottom: 70px;
}
.mbt-100 {
margin-bottom: 45px;
}
.image-bg-padding-100 {
padding: 100px 0;
}
.border-raduis-3 {
border-radius: 3px;
}
.bg-f4f4f4 {
background: #f4f4f4;
}
html,
body {
height: 100%;
font-family: 'Poppins', sans-serif;
}
body {
position: relative;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
.alignleft {
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.alignright {
float: right;
margin-left: 15px;
margin-bottom: 15px;
}
.aligncenter {
display: block;
margin: 0 auto 15px;
}
a:focus {
outline: 0px solid;
}
img {
max-width: 100%;
height: auto;
}
.fix {
overflow: hidden;
}
p {
margin: 0 0 15px;
font-size: 15px;
color: #727272;
font-weight: 400;
font-family: 'Poppins', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 10px;
font-family: 'Poppins', sans-serif;
}
a {
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active,
a:hover {
outline: 0 none;
}
ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.clear {
clear: both;
}
body {
font-family: 'Roboto', sans-serif;
color: #252525;
font-size: 16px;
font-weight: 400;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
.ptb-100 {
padding: 100px 0;
}
.boxshadow,
.tp-caption.boxshadow {
-webkit-box-shadow: none;
box-shadow: none;
}
.section-paddings {
padding: 100px 0;
}
/*=====basce css end here=========*/
/*=======[ Preloader Style ]========*/
div#preloader {
position: fixed;
left: 0;
top: 0;
z-index: 999;
width: 100%;
height: 100%;
overflow: visible;
background: #ffffff url("../images/preloader.gif") no-repeat center center;
z-index: 9999999;
}
.rev_slider_wrapper .tp-bullet {
width: 3px;
height: 50px;
}
.rev_slider_wrapper .tp-bullet.selected,
.rev_slider_wrapper .tp-bullet:hover {
background: #ff5a2c;
}
.rev_slider_wrapper #rev_slider_2 .tp-bullet {
width: 10px;
height: 10px;
border-radius: 50%;
}
.rev_slider_wrapper #rev_slider_2 .tp-bullet.selected {
background: #ff5a2c;
width: 20px;
border-radius: 50px;
}
/*=======[ Preloader Style ]========*/
/*==============================
theme buttons css goes here
===============================*/
.travel-primary-btn,
.travel-primary-btn-sm,
.read-more,
.quick-shop,
.thailan-btn,
.travel-primary-btn-2 {
background: #f10;
display: inline-block;
padding: 16px 50px !important;
font-size: 15px;
color: #fff;
font-family: "Poppins", sans-serif;
font-weight: 600;
font-size: 17px;
text-decoration: none;
}
.thailan-btn {
padding: 10px 35px !important;
}
.travel-primary-btn-sm {
padding: 10px 15px !important;
}
.travel-booking-btn,
.travel-booking-btn-lg {
display: inline-block;
background: #f00;
padding: 9px 22px;
color: #fefefe;
font-weight: 500;
font-size: 15px;
}
.travel-booking-btn-lg {
padding: 10px 25px;
font-size: 14px;
}
.read-more {
padding: 12px 40px !important;
}
.quick-shop {
padding: 8px 22px !important;
}
.travel-primary-btn-2 {
background: #f10;
}
/*=====================================================
02. slider area section title css goes here
=======================================================*/
#slider_area_1 .tparrows {
background: #ffffff !important;
-webkit-transition: all ease-in-out 0.3s !important;
transition: all ease-in-out 0.3s !important;
width: 60px !important;
height: 60px !important;
border-radius: 0px !important;
}
#slider_area_1 .tparrows:before {
line-height: 60px !important;
font-size: 20px;
color: #f10 !important;
-webkit-transition: all ease-in-out 0.3s !important;
transition: all ease-in-out 0.3s !important;
}
#slider_area_1 .tparrows:hover {
background: #f00 !important;
}
#slider_area_1 .tparrows:hover:before {
color: #ffffff !important;
}
#slider_area_2 .tparrows {
background: #ffffff !important;
filter:alpha(opacity:70); opacity:0.7;
-webkit-transition: all ease-in-out 0.3s !important;
transition: all ease-in-out 0.3s !important;
width: 75px !important;
height: 75px !important;
border-radius: 50% !important;
}
#slider_area_2 .tparrows:before {
line-height: 75px !important;
font-size: 20px;
color: #f10 !important;
filter:alpha(opacity:70); opacity:0.7;
-webkit-transition: all ease-in-out 0.3s !important;
transition: all ease-in-out 0.3s !important;
}
#slider_area_2 .tparrows:hover {
background: #ff6969 !important;
}
#slider_area_2 .tparrows:hover:before {
color: #ffffff !important;
}
#rev_slider_3 .tparrows {
background: #ffffff !important;
filter:alpha(opacity:70); opacity:0.7;
-webkit-transition: all ease-in-out 0.3s !important;
transition: all ease-in-out 0.3s !important;
width: 60px !important;
height: 60px !important;
border-radius: 0px !important;
}
#rev_slider_3 .tparrows:before {
line-height: 60px !important;
font-size: 20px;
color: #f10 !important;
filter:alpha(opacity:70); opacity:0.7;
-webkit-transition: all ease-in-out 0.3s !important;
transition: all ease-in-out 0.3s !important;
}
#rev_slider_3 .tparrows:hover {
background: #ff6969 !important;
}
#rev_slider_3 .tparrows:hover:before {
color: #ffffff !important;
}
#rev_slider_4 .tparrows {
background: #ffffff !important;
-webkit-transition: all ease-in-out 0.3s !important;
transition: all ease-in-out 0.3s !important;
width: 60px !important;
height: 60px !important;
border-radius: 0px !important;
}
#rev_slider_4 .tparrows:before {
line-height: 60px !important;
font-size: 20px;
color: #f10 !important;
-webkit-transition: all ease-in-out 0.3s !important;
transition: all ease-in-out 0.3s !important;
}
#rev_slider_4 .tparrows:hover {
background: #f10 !important;
}
#rev_slider_4 .tparrows:hover:before {
color: #ffffff !important;
}
/*=====================================================
04.section title css goes here
=======================================================*/
.section-title,
.section-title-white,
.section-title-white-2 {
margin-bottom: 60px;
margin-top: 10px;
text-align: center;
}
.section-title h2,
.section-title-white h2,
.section-title-white-2 h2 {
color: #2f2f2f;
font-size: 36px;
font-weight: 600;
margin-bottom: 15px;
}
.section-title p,
.section-title-white p,
.section-title-white-2 p {
color: #727272;
margin: 0 auto;
max-width: 700px;
position: relative;
z-index: 2;
line-height: 25px;
}
.section-title-white h2,
.section-title-white-2 h2 {
color: #ffffff;
}
.section-title-white h2:before,
.section-title-white h2:after,
.section-title-white-2 h2:before,
.section-title-white-2 h2:after {
background: #ffffff none repeat scroll 0 0;
}
.section-title-white p,
.section-title-white-2 p {
color: #ffffff;
}
.section-title-white-2 h2 {
background-image: url("../images/line-read.png") !important;
}
.section-title-3 {
z-index: 33;
position: relative;
}
.section-title-3 h2 {
background-position: left 87px bottom;
background-repeat: no-repeat;
color: #454545;
font-size: 30px;
font-weight: 500;
padding-bottom: 20px;
}
.section-title-3 p {
margin-bottom: 30px;
}
.section-title-3 h5 {
color: #323232;
font-size: 18px;
font-weight: 400;
line-height: 30px;
margin: 30px 0;
}
/*=====================================================
15.Scrool to top section css goes here
=======================================================*/
.pos-rtive {
position: relative;
}
.to-top {
display: none;
}
.to-top a {
background: #f00 none repeat scroll 0 0;
border-radius: 0px;
color: #ffffff;
font-size: 35px;
height: 50px;
line-height: 50px;
position: fixed;
right: 1%;
text-align: center;
top: 91%;
-webkit-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
width: 50px;
z-index: 999;
}
.to-top:hover {
background: #f10 none repeat scroll 0 0;
color: #ffffff;
}
/*=====================================
01. header section css goes here
======================================*/
/*
.container{
border-right: 1px solid red;
border-left: 1px solid red;
}
*/
header {
position: relative;
}
header .header_top_area {
background: #ffffff;
}
header .header_top_area .contact_wrapper_top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header .header_top_area .contact_wrapper_top .header_top_contact li {
display: inline-block;
padding: 14px;
color: #2f2f2f;
font-size: 14px;
font-weight: 500;
}
header .header_top_area .contact_wrapper_top .header_top_contact li i {
margin-right: 10px;
color: #f00;
font-size: 20px;
}
header .header_top_area .contact_wrapper_top .book-btn {
display: inline-block;
padding: 14px 30px;
float: right;
background: #f10;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
header .header_top_area .contact_wrapper_top .book-btn a {
color: #ffffff;
font-size: 16px;
text-transform: capitalize;
font-weight: 500;
}
header .header_top_area .contact_wrapper_top .book-btn:hover {
background: #f00;
}
header .header_top_area .header-top-area-2 {
background: #2c3035;
}
header .main_nav {
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
position: absolute;
left: 0;
width: 100%;
z-index: 1;
}
header .main_nav .logo-area {
padding: 25px 0;
}
header .main_nav .main-menu > li {
display: inline-block;
padding: 30px 0 16px 42px;
position: relative;
}
header .main_nav .main-menu > li > a {
display: block;
color: #666;
font-size: 16px;
text-decoration: none;
font-weight: 500;
position: relative;
}
header .main_nav .main-menu > li > a:before {
position: absolute;
width: 0;
height: 2px;
background: #f00;
content: '';
left: 0;
right: 0;
margin: 0 auto;
bottom: 0;
text-align: center;
-webkit-transition: all ease-in-out .5s;
transition: all ease-in-out .5s;
opacity: 0;
visibility: hidden;
}
header .main_nav .main-menu > li > a i {
margin-left: 6px;
}
header .main_nav .main-menu > li ul.dropdown {
left: 42px;
position: absolute;
top: 100% !important;
width: 200px;
z-index: 999;
opacity: 0;
visibility: hidden;
-webkit-transition: all ease-in-out .5s;
transition: all ease-in-out .5s;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
position: absolute;
text-align: left;
}
header .main_nav .main-menu > li ul.dropdown li {
}
header .main_nav .main-menu > li ul.dropdown li:last-child {
border-bottom: 0;
}
header .main_nav .main-menu > li ul.dropdown li a {
font-size: 15px !important;
font-weight: 500;
display: block;
padding: 6px 0px;
color: #2f2f2f;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
header .main_nav .main-menu > li ul.dropdown li a:hover {
padding-left: 10px;
color: #f00;
}
header .main_nav .main-menu > li:hover ul.dropdown {
opacity: 1;
visibility: visible;
top: 100%;
}
header .main_nav .main-menu > li:hover > a {
color: #f00;
}
header .main_nav .main-menu > li:hover a:before {
opacity: 1;
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
width: 100%;
bottom: -6px;
}
header .main_nav .main-menu > li.active a {
color: #f00;
font-weight: 600;
}
header .main_nav .main-menu > li.active a:before {
width: 100%;
opacity: 1;
visibility: visible;
bottom: -6px;
}
.main_nav.sticky {
position: none;
top: 0;
-webkit-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
width: 100%;
z-index: 99;
}
/*=====================================================
03. tab-search-area section title css goes here
=======================================================*/
.search_area {
position: relative;
width: 100%;
left: 0;
right: 0;
text-align: center;
margin-top: -120px;
padding-bottom: 60px;
}
.search_area a:focus {
outline: none;
}
.search_area .search_form {
padding: 0 16%;
}
.search_area .search_form form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.search_area .search_form form .form-group {
width: 25%;
margin: 0 5px;
position: relative;
}
.search_area .search_form form .form-group label {
position: absolute;
left: 15px;
top: 50%;
z-index: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #f10;
font-size: 17px;
}
.search_area .search_form form .form-group input {
-moz-user-select: none;
background: #ffffff none repeat scroll 0 0;
border: medium none;
color: #555555;
height: 60px;
padding: 16px 20px 16px 40px;
position: relative;
text-align: left;
width: 100%;
}
.search_area .search_form form .form-group input:focus {
outline: none;
}
.search_area .search_form form .form-group input::-webkit-input-placeholder {
color: #555555;
}
.search_area .search_form form .form-group input::-moz-input-placeholder {
color: #555555;
}
.search_area .search_form form .form-group input::-ms-input-placeholder {
color: #555555;
}
.search_area .search_form form .keywork_type {
width: 40%;
}
.search_area .search_form form .searc-btn-7 button {
background: #f10 none repeat scroll 0 0;
border: medium none;
border-radius: 0;
color: #ffffff;
font-size: 18px;
font-weight: 500;
height: 60px;
width: 100%;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
cursor: pointer;
}
.search_area .search_form form .searc-btn-7 button:hover {
background: #f10;
}
/*=====================================================
05.popular packajge section css goes here
=======================================================*/
.popular-packages {
background: #ffffff;
padding: 120px 0;
}
.popular-packages .single-package {
margin-bottom: 30px;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
overflow: hidden;
position: relative;
-webkit-box-shadow: 0 0 20px 0 rgba(47, 47, 47, 0.05);
box-shadow: 0 0 20px 0 rgba(47, 47, 47, 0.05);
transition: all ease-in-out 0.5s;
}
.popular-packages .single-package:hover {
-webkit-box-shadow: 0 0 60px 0 rgba(47, 47, 47, 0.1);
box-shadow: 0 0 60px 0 rgba(47, 47, 47, 0.1);
}
.popular-packages .single-package:hover .package-image a img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.popular-packages .single-package:hover .package-calto-action {
padding: 0 20px 25px;
}
.popular-packages .single-package:hover .package-calto-action .ct-action li:first-child a {
background: #f10;
}
.popular-packages .single-package .package-image {
overflow: hidden;
}
.popular-packages .single-package .package-image a img {
display: block;
width: 100%;
height:130px;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
.popular-packages .single-package .package-content {
padding: 20px;
}
.popular-packages .single-package .package-content h3 a {
font-weight: 600;
color: #2f2f2f;
font-size: 20px;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.popular-packages .single-package .package-content h3 a:hover {
color: #f10;
}
.popular-packages .single-package .package-content p {
color: #727272;
font-size: 15px;
font-weight: 500;
}
.popular-packages .single-package .package-content p span {
color: #f00;
font-weight: 600;
}
.popular-packages .single-package .package-calto-action {
padding: 0 20px 25px;
}
.popular-packages .single-package .package-calto-action .ct-action {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.popular-packages .single-package .package-calto-action .ct-action li:first-child a {
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
overflow: hidden;
}
.popular-packages .single-package .package-calto-action .ct-action li:last-child {
float: right;
margin-top: 7px;
}
.popular-packages .single-package .package-calto-action .ct-action li:last-child i {
font-size: 20px;
color: #f10;
}
/*=====================================================
06.Counter section css goes here
=======================================================*/
.count-down-bg {
background: transparent url("../images/bgimage/countbg.jpg") repeat scroll 0 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
padding: 120px 0;
}
.count-down-bg .count-down-titile {
text-align: center;
font-size: 30px;
font-weight: 600;
color: #ffffff;
margin-bottom: 60px;
}
.count-down-bg .count-down-titile h2 {
font-size: 36px;
font-weight: 600;
margin-bottom: 0px;
line-height: 48px;
}
.count-down-bg .count-down-titile h2 span.color-one {
color: #f10;
}
.count-down-bg .count-down-titile h2 span.color-two {
color: #f00;
}
.count-down-bg .count-timer .time-wrapper p {
color: #ffffff;
font-size: 20px;
padding-bottom: 10px;
}
.count-down-bg .count-timer .time-wrapper .timer {
overflow: hidden;
}
.count-down-bg .count-timer .time-wrapper .timer li {
display: inline-block;
height: 132px;
width: 117px;
background: rgba(0, 0, 0, 0.5);
margin: 0 10px;
text-align: center;
color: #ffffff;
padding: 20px 0px;
font-size: 45px;
font-weight: 500;
border-radius: 4px;
}
.count-down-bg .count-timer .time-wrapper .timer li:last-child {
color: #f10;
}
.count-down-bg .count-timer .time-wrapper .timer .day-css {
color: #ffffff;
font-weight: 400;
font-size: 20px;
margin-top: -10px;
}
.count-down-bg .buy-now {
margin-top: 70px;
}
.count-down-bg .buy-now a:hover {
background: #f00;
}
/*=====================================================
07.popular destination strat section css goes here
=======================================================*/
.destinations_1 {
padding: 100px 0;
}
.destination-slider-active .single-destination {
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
margin-bottom: 30px;
}
.destination-slider-active .single-destination figure {
position: relative;
overflow: hidden;
margin: 0;
}
.destination-slider-active .single-destination figure:before {
position: absolute;
width: 100%;
height: 100%;
content: '';
background: rgba(0, 0, 0, 0.3);
left: 0;
top: 0;
visibility: hidden;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
opacity: 0;
z-index: 0;
}
.destination-slider-active .single-destination figure:after {
-webkit-transform: skewX(45deg) translateX(-100%);
transform: skewX(45deg) translateX(-100%);
}
.destination-slider-active .single-destination figure figcaption {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
opacity: 0;
z-index: 2;
}
.destination-slider-active .single-destination figure figcaption a {
overflow: hidden;
}
.destination-slider-active .single-destination .des-city {
padding: 20px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
-webkit-transition: -webkit-box-shadow 0.3s ease-in-out 0s;
transition: -webkit-box-shadow 0.3s ease-in-out 0s;
transition: box-shadow 0.3s ease-in-out 0s;
transition: box-shadow 0.3s ease-in-out 0s, -webkit-box-shadow 0.3s ease-in-out 0s;
}
.destination-slider-active .single-destination .des-city a {
color: #2f2f2f;
font-weight: 500;
padding-bottom: 10px;
display: block;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
font-size: 18px;
}
.destination-slider-active .single-destination .des-city a i {
margin-right: 10px;
color: #f10;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.destination-slider-active .single-destination .des-city h4 {
color: #727272;
font-weight: 500;
font-size: 14px;
}
.destination-slider-active .single-destination .des-city h4 span {
float: right;
}
.destination-slider-active .single-destination:hover .des-city {
-webkit-box-shadow: 0 5px 40px 0 rgba(47, 47, 47, 0.1);
box-shadow: 0 5px 40px 0 rgba(47, 47, 47, 0.1);
}
.destination-slider-active .single-destination:hover figcaption {
opacity: 1;
visivility: visible;
}
.destination-slider-active .single-destination:hover figure:before {
opacity: 1;
visibility: visible;
}
.destination-slider-active .single-destination:hover .des-city a,
.destination-slider-active .single-destination:hover .des-city i {
color: #f00;
}
/*=====================================================
08.Choose us strat section css goes here
=======================================================*/
.travelsers-bg {
background: transparent url("../images/bgimage/travlec.jpg") no-repeat scroll center center/cover;
position: relative;
padding: 120px 0;
}
.single-travel {
background: #ffffff none repeat scroll 0 0;
padding: 20px 30px;
margin-bottom: 40px;
border-radius: 3px;
position: relative;
z-index: 2;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
margin-bottom: 30px;
}
.single-travel:hover {
background: #f10 none repeat scroll 0 0;
cursor: pointer;
}
.single-travel:hover .travel-content h4 {
color: #ffffff;
}
.single-travel:hover .travel-content p {
color: #ffffff;
}
.single-travel .travel-content h4 {
font-size: 20px;
color: #f10;
font-weight: 600;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.single-travel .travel-content p {
margin: 0;
line-height: 24px;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
/*=====================================================
09.Blog section css goes here
=======================================================*/
.blog_area {
padding: 120px;
}
.single-travel-blog {
position: relative;
-webkit-box-shadow: 0 0 20px 0 rgba(47, 47, 47, 0.05);
box-shadow: 0 0 20px 0 rgba(47, 47, 47, 0.05);
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.single-travel-blog:hover {
-webkit-box-shadow: 0 0 60px 0 rgba(47, 47, 47, 0.1);
box-shadow: 0 0 60px 0 rgba(47, 47, 47, 0.1);
}
.single-travel-blog:hover .blog-image img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.single-travel-blog:hover .blog-content .blog-post-content h4 a {
color: #f10;
}
.single-travel-blog:hover .blog-content .blog-post-content a {
color: #f10;
}
.single-travel-blog .blog-image {
overflow: hidden;
position: relative;
border-radius: 3px;
}
.single-travel-blog .blog-image a {
display: block;
}
.single-travel-blog .blog-image a img {
width: 100%;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
.single-travel-blog .blog-content {
padding: 20px;
}
.single-travel-blog .blog-content .blog-meta {
color: #727272;
font-size: 14px;
font-weight: 400;
overflow: hidden;
padding-bottom: 20px;
}
.single-travel-blog .blog-content .blog-meta .post-date {
float: left;
margin-right: 5px;
}
.single-travel-blog .blog-content .blog-meta .post-date span {
color: #727272;
}
.single-travel-blog .blog-content .blog-meta .post-social {
text-align: right;
}
.single-travel-blog .blog-content .blog-meta .post-social li {
display: inline-block;
margin: 0 10px;
}
.single-travel-blog .blog-content .blog-meta .post-social li a {
display: block;
color: #727272;
font-size: 14px;
font-weight: 400;
}
.single-travel-blog .blog-content .blog-meta .post-social li a i {
margin-right: 5px;
}
.single-travel-blog .blog-content .blog-meta .post-social li a i.active {
color: #f10;
}
.single-travel-blog .blog-content .blog-post-content h4 a {
color: #2f2f2f;
font-size: 20px;
font-weight: 700;
text-transform: capitalize;
line-height: 30px;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.single-travel-blog .blog-content .blog-post-content p {
color: #727272;
font-size: 15px;
font-weight: 400;
line-height: 25px;
}
.single-travel-blog .blog-content .blog-post-content a {
color: #2f2f2f;
font-size: 15px;
font-weight: 500;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.single-travel-blog .blog-content .blog-post-content a i {
margin-left: 5px;
}
/*=====================================================
10.Testimonial section css goes here
=======================================================*/
#testimonial_one {
background: transparent url("../images/bgimage/testimonial_1.jpg") no-repeat center center/cover;
position: relative;
}
#testimonial_one:before {
background: transparent;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
#testimonial_one .section-title h2 {
color: #ffffff;
}
#testimonial_one .section-title p {
color: rgba(255, 255, 255, 0.6);
}
#testimonial_one .block-text .single-box p {
line-height: 25px;
margin-bottom: 25px;
color: #ffffff;
}
#testimonial_one .block-text .single-box .client-bio h3 {
color: #ffffff;
}
#testimonial_one .block-text .single-box .client-bio span {
color: #ffffff;
}
#testimonial_one .block-text .single-box .rating li {
color: #f10;
font-size: 18px;
padding: 1px;
}
#testimonial_one .carousel-text button {
background: #ffffff !important;
cursor: pointer;
}
#testimonial_one .carousel-text button:after {
color: #f10 !important;
}
#testimonial_one .carousel-text button:hover {
background: #f00 !important;
}
#testimonial_one .carousel-text button:hover:after {
color: #ffffff !important;
}
/*=====================================================
11.incredible place section css goes here
=======================================================*/
.incredible-places .single-place {
margin-bottom: 30px;
}
.incredible-places .single-place figure {
overflow: hidden;
position: relative;
}
.incredible-places .single-place figure:before {
position: absolute;
left: 0px;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
content: '';
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
z-index: 1;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.incredible-places .single-place figure a {
display: block;
}
.incredible-places .single-place figure a img {
width: 100%;
}
.incredible-places .single-place figure figcaption {
position: absolute;
width: 100%;
text-align: center;
left: 0px;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.1);
transform: translateY(-50%) scale(1.1);
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
opacity: 0;
visibility: hidden;
z-index: 2;
}
.incredible-places .single-place figure figcaption i {
color: #ffffff;
font-size: 30px;
margin-bottom: 15px;
}
.incredible-places .single-place figure figcaption h4 {
color: #ffffff;
font-size: 20px;
font-weight: 600;
}
.incredible-places .single-place figure figcaption h4 span {
color: #f10;
}
.incredible-places .single-place figure figcaption h3 {
color: #ffffff;
font-size: 14px;
font-weight: 500;
}
.incredible-places .single-place figure figcaption h3 span {
color: #f00;
}
.incredible-places .single-place:hover figcaption {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
}
.incredible-places .single-place:hover figure:before {
left: 0px;
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1);
}
/*=====================================================
13.subscribe area section css goes here
=======================================================*/
.our_partners .single-pertner {
margin-bottom: 20px;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
/*=====================================================
14.Footer area section css goes here
=======================================================*/
.footer-area {
background: #f9f9f9;
padding-bottom: 10px;
}
.footer-area .single-footer {
padding: 80px 0;
}
.footer-area .single-footer .footer-title h3 {
font-weight: 600;
font-size: 20px;
color: #666;
padding: 20px 0;
}
.footer-area .single-footer ul li {
padding-bottom: 10px;
}
.footer-area .single-footer ul li a {
color: #666;
font-size: 16px;
font-weight: 400;
line-height: 20px;
margin: 0;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
.footer-area .single-footer ul li a:hover {
color: #f10;
}
.footer-area .single-footer .footer-left .footer-logo p {
color: #666;
font-size: 15px;
line-height: 25px;
padding-bottom: 15px;
}
.footer-area .single-footer .footer-left .footer-contact li {
color: #666;
display: block;
padding: 8px 0;
}
.footer-area .single-footer .footer-left .footer-contact li img.map {
margin-right: 15px;
margin-top: -5px;
}
.footer-area .single-footer .single-recent-post .recent-post li {
display: block;
margin-bottom: 20px;
width: 100%;
}
.footer-area .single-footer .single-recent-post .recent-post li a .post-thum {
float: left;
margin-right: 15px;
}
.footer-area .single-footer .single-recent-post .recent-post li a .post-content p {
color: #666;
font-size: 15px;
font-weight: 400;
line-height: 20px;
margin: 0;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
.footer-area .single-footer .single-recent-post .recent-post li a .post-content p:hover {
color: #f10;
}
.footer-area .single-footer .single-recent-post .recent-post li a .post-content span {
color: #f10;
font-size: 12px;
}
.footer-area .single-footer .footer-contact-form form .footer-form-element {
position: relative;
}
.footer-area .single-footer .footer-contact-form form .footer-form-element li input {
background: #444648 none repeat scroll 0 0;
border: medium none;
height: 40px;
width: 100%;
border-radius: 3px;
padding: 0 10px;
color: #c3c3c3;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
font-size: 13px;
}
.footer-area .single-footer .footer-contact-form form .footer-form-element li input:focus {
outline: none;
border: 1px solid transparent;
}
.footer-area .single-footer .footer-contact-form form .footer-form-element li input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #c3c3c3;
}
.footer-area .single-footer .footer-contact-form form .footer-form-element li input::-moz-placeholder {
/* Firefox 19+ */
color: #c3c3c3;
}
.footer-area .single-footer .footer-contact-form form .footer-form-element li input:-ms-input-placeholder {
/* IE 10+ */
color: #c3c3c3;
}
.footer-area .single-footer .footer-contact-form form .footer-form-element li input:-moz-placeholder {
/* Firefox 18- */
color: #c3c3c3;
}
.footer-area .single-footer .footer-contact-form form .footer-form-element li input:hover {
background: #7a7c7d;
}
.footer-area .single-footer .footer-contact-form form .footer-form-element li textarea {
background: #444648 none repeat scroll 0 0;
border: medium none;
height: 120px;
width: 100%;
border-radius: 3px;
color: #666;
padding-left: 10px;
padding-top: 8px;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
font-size: 13px;
}
.footer-area .single-footer .footer-contact-form form .footer-form-element li textarea:focus {
outline: none;
border: 1px solid transparent;
}
.footer-area .single-footer .footer-contact-form form .footer-form-element li textarea::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #666;
}
.footer-area .single-footer .footer-contact-form form .footer-form-element li textarea::-moz-placeholder {
/* Firefox 19+ */
color: #666;
}
.footer-area .single-footer .footer-contact-form form .footer-form-element li textarea:-ms-input-placeholder {
/* IE 10+ */
color: #666;
}
.footer-area .single-footer .footer-contact-form form .footer-form-element li textarea:-moz-placeholder {
/* Firefox 18- */
color: #666;
}
.footer-area .single-footer .footer-contact-form form .footer-form-element li textarea:hover {
background: #7a7c7d;
}
.footer-area .single-footer .footer-contact-form form .footer-form-element .text_area {
position: relative;
padding-bottom: 0;
margin-bottom: 25px;
}
.footer-area .single-footer .footer-contact-form form .footer-form-element .text_area button {
bottom: 7px;
right: 0;
background: #f00 none repeat scroll 0 0;
border: medium none;
color: #666;
background: #f10;
display: block;
font-size: 14px;
font-weight: 500;
height: 36px;
display: block;
padding: 0px 15px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
position: absolute;
cursor: pointer;
}
.footer-area .single-footer .footer-contact-form form .footer-form-element .text_area button:hover {
background: #f00;
}
.footer-area .single-footer .footer-social-media .social-footer-title h3 {
font-weight: 600;
font-size: 20px;
color: #666;
}
.footer-area .single-footer .footer-social-media .footer-social-link li {
display: inline-block;
}
.footer-area .single-footer .footer-social-media .footer-social-link li:nth-child(1):hover a {
color: #3b5998 !important;
}
.footer-area .single-footer .footer-social-media .footer-social-link li:nth-child(2):hover a {
color: #0084b4 !important;
}
.footer-area .single-footer .footer-social-media .footer-social-link li:nth-child(3):hover a {
color: #0077B5 !important;
}
.footer-area .single-footer .footer-social-media .footer-social-link li:nth-child(4):hover a {
color: #d34836 !important;
}
.footer-area .single-footer .footer-social-media .footer-social-link li:nth-child(5):hover a {
color: #bb0000 !important;
}
.footer-area .single-footer .footer-social-media .footer-social-link li a {
display: block;
padding-left: 0;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 15px;
font-weight: 400;
color: #666;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
.footer-area .footer_bottom_wrapper {
position: relative;
}
.footer-area .footer_bottom_wrapper:before {
background: rgba(113, 114, 115, 0.3);
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
top: -36px;
width: 100%;
z-index: 8;
}
.footer-area .footer_bottom_wrapper .copy_right_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer-area .footer_bottom_wrapper .copy_right_wrapper .copyright p {
color: #666;
font-size: 15px;
font-weight: 400;
}
.footer-area .footer_bottom_wrapper .copy_right_wrapper .payicon li {
float: left;
margin-right: 5px;
margin-top: -5px;
color: #666;
font-size: 14px;
}
/*home version two */
/*=====================================================
16.home version 2 Slider area section css goes here
=======================================================*/
.index-2 .header_top_area {
background: #2c3035;
}
.index-2 .header_top_area .contact_wrapper_top .header_top_contact li {
color: #ffffff;
}
.index-2 .header_top_area .contact_wrapper_top .book-btn {
background: #f00;
cursor: pointer;
}
.index-2 .header_top_area .contact_wrapper_top .book-btn:hover {
background: #f10;
}
.index-2 .main_nav {
background: #ffffff;
position: static;
}
.index-2 .main_nav .main-menu > li {
padding: 40px 0 40px 42px;
}
.index-2 .main_nav .main-menu > li > a {
color: #2f2f2f;
}
.slider-area-2 .image-overlay,
.slider-area-3 .image-overlay {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.slider-area-2 .image-overlay:before,
.slider-area-2 .image-overlay:after,
.slider-area-3 .image-overlay:before,
.slider-area-3 .image-overlay:after {
background: rgba(55, 183, 33, 0.2);
content: "";
height: 100%;
left: 0;
opacity: 0.69;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=69)";
position: absolute;
top: 0;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 100%;
z-index: -1;
}
.slider-area-2 .tparrows,
.slider-area-3 .tparrows {
background: #f00 !important;
-webkit-transition: all ease-in-out 0.3s !important;
transition: all ease-in-out 0.3s !important;
width: 53px !important;
height: 53px !important;
border-radius: 4px !important;
}
.slider-area-2 .tparrows:before,
.slider-area-3 .tparrows:before {
line-height: 53px !important;
font-size: 20px;
}
.slider-area-2 .tparrows:hover,
.slider-area-3 .tparrows:hover {
background: #f10 !important;
}
.slider-area-2 span,
.slider-area-3 span {
font-size: 25px !important;
font-weight: 500 !important;
}
/*=====================================================
17.home version 2 Tabedsearch section css goes here
=======================================================*/
#search_area_2 {
margin-top: -100px;
padding-bottom: 120px;
position: static;
}
#search_area_2 .search_form {
padding: 0;
}
#search_area_2 .search_form form {
display: inline-block;
background: #ffffff;
-webkit-box-shadow: 0 0 80px 0 rgba(47, 47, 47, 0.1);
box-shadow: 0 0 80px 0 rgba(47, 47, 47, 0.1);
padding: 50px 100px 0;
}
#search_area_2 .search_form form .form_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#search_area_2 .search_form form .form_wrapper .keywork_type {
width: 50% !important;
}
#search_area_2 .search_form form .form_wrapper .form-group {
width: 33.33%;
}
#search_area_2 .search_form form .form_wrapper .form-group input {
-webkit-box-shadow: 0 0 60px 0 rgba(47, 47, 47, 0.1);
box-shadow: 0 0 60px 0 rgba(47, 47, 47, 0.1);
height: 60px;
}
#search_area_2 .search_form form .searc-btn-7 {
width: 100%;
margin-top: 50px;
}
#search_area_2 .search_form form .searc-btn-7 button {
background: #323232;
color: #f10;
border: medium none;
border-radius: 0;
font-size: 18px;
font-weight: 500;
height: 56px;
height: 56px;
padding: 0 35px;
cursor: pointer;
max-width: 150px;
}
#search_area_2 .search_form form .searc-btn-7 button:hover {
background: #f10;
color: #ffffff;
}
/*=====================================================
18.home version 2 welcome section css goes here
=======================================================*/
.section-title-version-2 h2,
.section-title-version-2-white h2,
.section-title-version-2-black h2 {
font-size: 34px;
font-weight: 600;
padding-bottom: 8px !important;
z-index: 2;
padding: 0;
}
.section-title-version-2 h5,
.section-title-version-2-white h5,
.section-title-version-2-black h5 {
font-size: 18px;
color: #323232;
font-weight: 400;
line-height: 30px;
}
.section-title-version-2-white h2,
.section-title-version-2-black h2 {
color: #ffffff;
}
.section-title-version-2-white p,
.section-title-version-2-black p {
color: #ffffff;
font-size: 15px;
padding-bottom: 45px;
}
.section-title-version-2-black h2 {
color: #2f2f2f;
}
.section-title-version-2-black p {
color: #727272;
}
/*=====================================================
19.home version 2 welcome section css goes here
=======================================================*/
.welcome-area {
padding: 100px 0 200px;
}
.welcome-area .section-title-version-2 {
padding-top: 30px;
}
.welcome-area .section-title-version-2 h2 {
margin-bottom: 20px;
font-size: 34px;
}
.welcome-area .single-welcome-area {
position: relative;
}
.welcome-area .single-welcome-area .single-imag .img-thumbnail {
background-color: #f7f7f7;
border-radius: 0px;
padding: 15px;
border: none;
}
.welcome-area .single-welcome-area .overlay-image {
bottom: -40px;
height: auto;
position: absolute;
right: -30px;
max-width: 100%;
}
.welcome-area .single-welcome-area .overlay-image .img-thumbnail {
background-color: #f7f7f7;
border-radius: 0px;
padding: 10px;
border: none;
}
.welcome-area .single-welcome-text {
padding-left: 60px;
}
.welcome-area .single-welcome-text .welcome-content p {
font-size: 15px;
font-weight: 15px;
color: #727272;
}
.welcome-area .single-welcome-text .welcome-content a {
margin-top: 40px;
padding: 15px 40px !important;
font-size: 15px;
font-size: 500;
}
.welcome-area .single-welcome-text .welcome-content a:hover {
background: #f00;
}
/*=====================================================
20.home version 2 tour-package section css goes here
=======================================================*/
.tour-package-bg {
background: transparent url("../images/bgimage/package.jpg") repeat scroll 0 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: relative;
z-index: 1;
overflow: hidden;
}
.tour-package-bg:before {
position: absolute;
content: "";
left: 0;
width: 100%;
height: 100%;
top: 0;
background: transparent;
z-index: -1;
}
.popular-packages-carasoul.owl-carousel.owl-loaded.owl-drag {
clear: both;
}
.single-package-carasoul {
overflow: hidden;
position: relative;
margin-bottom: 30px;
}
.single-package-carasoul:hover .package-location .package-long-btn {
bottom: 0;
visibility: visible;
opacity: 1;
}
.single-package-carasoul .package-location {
position: relative;
}
.single-package-carasoul .package-location span {
background: #f10 none repeat scroll 0 0;
top: 0;
color: #ffffff;
font-size: 20px;
line-height: 50px;
font-weight: 600;
height: 50px;
padding: 0 25px;
left: 0;
position: absolute;
text-align: center;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
z-index: 99;
}
.single-package-carasoul .package-location .package-long-btn {
position: absolute;
bottom: -30px;
left: 0;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
z-index: 99;
opacity: 0;
visibility: hidden;
}
.single-package-carasoul .package-location .package-long-btn a {
background: #ffffff none repeat scroll 0 0;
color: #f10;
font-size: 18px;
line-height: 50px;
font-weight: 500;
height: 50px;
padding: 0 25px;
display: block;
text-align: center;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
-webkit-box-shadow: 0 0 80px 0 rgba(47, 47, 47, 0.1);
box-shadow: 0 0 80px 0 rgba(47, 47, 47, 0.1);
}
.single-package-carasoul .package-location .package-long-btn a:hover {
background: #f10;
color: #ffffff;
}
.single-package-carasoul .package-details {
background: #ffffff;
border-radius: 0 0 4px 4px;
}
.single-package-carasoul .package-details .package-places {
padding: 20px 25px 12px;
}
.single-package-carasoul .package-details .package-places h4 {
color: #2f2f2f;
font-size: 20px;
font-weight: 600;
}
.single-package-carasoul .package-details .package-places .details {
margin-top: 8px;
}
.single-package-carasoul .package-details .package-places .details p {
font-weight: 400;
font-size: 15px;
color: #727272;
line-height: 25px;
margin: 0;
}
.single-package-carasoul .package-details .package-places .details p span {
font-size: 15px;
font-weight: 600;
color: #2f2f2f;
}
.single-package-carasoul .package-details .package-ratings-review {
padding: 0px 0 15px;
}
.single-package-carasoul .package-details .package-ratings-review .two-column {
padding: 0 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.single-package-carasoul .package-details .package-ratings-review .two-column li i {
color: #f00;
font-size: 18px;
}
.owl-nav div {
background: #ffffff none repeat scroll 0 0;
color: #f10;
font-size: 28px;
height: 75px;
left: -200px;
line-height: 75px;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 75px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border-radius: 50%;
}
.owl-nav div:hover {
background: #f00;
color: #ffffff;
}
.owl-nav div.owl-next {
left: auto;
right: -200px;
}
/*=====================================================
21.home version 2 popular destination section css goes here
=======================================================*/
.popular-country .destination-tab-menu .destination-menu {
text-align: center;
margin-bottom: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-bottom: none;
}
.popular-country .destination-tab-menu .destination-menu li {
display: inline-block;
margin-right: 20px;
border: none;
}
.popular-country .destination-tab-menu .destination-menu li a {
display: block;
padding: 8px 35px;
background: #ecf1f5;
color: #727272;
font-size: 15px;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
letter-spacing: 1.5px;
border-radius: 0;
border: none;
}
.popular-country .destination-tab-menu .destination-menu li a:hover {
background: #f10;
color: #ffffff;
}
.popular-country .destination-tab-menu .destination-menu li a.active {
background: #f10;
color: #ffffff;
border: none;
}
.popular-country .destination-countrys .tab-content figure {
position: relative;
overflow: hidden;
}
.popular-country .destination-countrys .tab-content figure:before {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
content: '';
left: 0;
top: 0;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
z-index: 10;
}
.popular-country .destination-countrys .tab-content figure figcaption .city-name {
bottom: 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: 0;
overflow: hidden;
padding: 15px;
position: absolute;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
width: 100%;
z-index: 10;
}
.popular-country .destination-countrys .tab-content figure figcaption .city-name span {
font-size: 18px;
font-weight: 600;
color: #ecf1f5;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.popular-country .destination-countrys .tab-content figure figcaption .city-name img {
margin-right: 10px;
margin-top: -5px;
}
.popular-country .destination-countrys .tab-content figure figcaption .city-name .tower-bridge {
padding: 5px 0 0;
margin-left: 3px;
}
.popular-country .destination-countrys .tab-content figure figcaption .city-name .tower-bridge li {
display: inline-block;
font-size: 14px;
font-weight: 500;
color: #ecf1f5;
}
.popular-country .destination-countrys .tab-content figure figcaption .city-name .tower-bridge li:last-child {
margin-left: 50px;
}
.popular-country .destination-countrys .tab-content figure figcaption .travel-book-btn {
position: absolute !important;
top: 50% !important;
left: 0;
width: 100%;
text-align: center;
-webkit-transform: translateY(-50%) scale(0.8);
transform: translateY(-50%) scale(0.8);
opacity: 0;
visibility: hidden;
position: relative;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
z-index: 99;
}
.popular-country .destination-countrys .tab-content figure figcaption .travel-book-btn a {
padding: 12px 25px;
font-size: 16px;
}
.popular-country .destination-countrys .tab-content figure:hover figcaption .city-name span {
color: #f00;
}
.popular-country .destination-countrys .tab-content figure:hover figcaption .city-name .tower-bridge li {
color: #ffffff;
}
.popular-country .destination-countrys .tab-content figure:hover figcaption .travel-book-btn {
opacity: 1;
-webkit-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
visibility: visible;
}
/*=====================================================
22.home version 2 discount section css goes here
=======================================================*/
#countdown_2 {
background: #f00 url("../images/bgimage/count_2_bg.jpg") repeat scroll 0 0;
}
/*=====================================================
23.home version 2 offer section css goes here
=======================================================*/
.offer-package .single-offer {
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
-webkit-box-shadow: 0 0 30px 0 rgba(47, 47, 47, 0.05);
box-shadow: 0 0 30px 0 rgba(47, 47, 47, 0.05);
margin-bottom: 30px;
}
.offer-package .single-offer:hover {
-webkit-box-shadow: 0 0 50px 0 rgba(47, 47, 47, 0.1);
box-shadow: 0 0 50px 0 rgba(47, 47, 47, 0.1);
}
.offer-package .single-offer:hover .single-offer-image img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.offer-package .single-offer:hover .offer-details .offer-btn a {
border: 1px solid #f00 !important;
background: #f00 !important;
color: #ffffff !important;
}
.offer-package .single-offer .single-offer-image {
position: relative;
overflow: hidden;
}
.offer-package .single-offer .single-offer-image img {
width: 100%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.offer-package .single-offer .single-offer-image span {
background: #f00 none repeat scroll 0 0;
color: #ffffff;
display: inline-block;
font-weight: 500;
padding: 8px 10px;
position: absolute;
right: 0px;
top: 0;
font-size: 14px;
}
.offer-package .single-offer .single-offer-details {
margin-left: -14px;
padding: 15px 10px;
}
.offer-package .single-offer .single-offer-details .offer-title {
padding-top: 15px;
}
.offer-package .single-offer .single-offer-details .offer-title h4 {
font-size: 22px;
font-weight: 600;
text-transform: capitalize;
color: #2f2f2f;
}
.offer-package .single-offer .single-offer-details .offer-title p {
font-weight: 600;
margin: 0 0 10px;
color: #2f2f2f;
}
.offer-package .single-offer .single-offer-details .offer-title p span {
color: #f00;
}
.offer-package .single-offer .single-offer-details .offer-details p {
font-weight: 400;
line-height: 25px;
}
.offer-package .single-offer .single-offer-details .offer-details .offer-btn {
margin-top: 23px;
margin-bottom: 12px;
}
.offer-package .single-offer .single-offer-details .offer-details .offer-btn a {
background: transparent;
border: 1px solid #f00;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
color: #f00;
padding: 8px 25px;
}
.offer-package .single-offer .single-offer-details .offer-details .offer-btn a:hover {
border: 1px solid #f10 !important;
color: #ffffff;
}
/*=====================================================
24.home version 2 blog section css goes here
=======================================================*/
.section-blog-bg {
background: transparent url("../images/bgimage/blog.jpg") repeat scroll 0 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: relative;
z-index: 1;
padding: 100px 0;
}
.section-blog-bg:before,
.section-blog-bg:after {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: transparent;
z-index: -1;
content: '';
overflow: hidden;
}
.section-blog-bg:after {
background: rgba(55, 183, 33, 0);
}
.blog_style_one .single-travel-blog {
margin-bottom: 30px;
}
.blog_wrapper {
padding: 130px 0;
/*=======[ widget Blog and Post Page ]========*/
}
.blog_wrapper .single_blog {
margin-bottom: 60px;
-webkit-box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1);
box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1);
}
.blog_wrapper .single_blog:last-child {
margin-bottom: 0;
}
.blog_wrapper .single_blog:hover {
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
.blog_wrapper .single_blog:hover .blog_banner img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.blog_wrapper .single_blog:hover .post_content_wrapper h3 a {
color: #f10;
}
.blog_wrapper .single_blog .blog_banner {
overflow: hidden;
}
.blog_wrapper .single_blog .blog_banner img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
.blog_wrapper .single_blog .post_content_wrapper {
padding: 40px;
}
.blog_wrapper .single_blog .post_content_wrapper .post_date p {
color: #727272;
font-size: 13px;
font-weight: 400;
margin: 0 0 15px;
line-height: 15px;
}
.blog_wrapper .single_blog .post_content_wrapper .post_date p span {
color: #2f2f2f;
}
.blog_wrapper .single_blog .post_content_wrapper h3 {
font-size: 20px;
font-weight: 700;
line-height: 24px;
}
.blog_wrapper .single_blog .post_content_wrapper h3 a {
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
color: #2f2f2f;
}
.blog_wrapper .single_blog .post_content_wrapper p {
margin: 20px 0 25px;
}
.blog_wrapper .single_blog .post_content_wrapper .post_by a {
color: #2f2f2f;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
font-size: 16px;
font-weight: 500;
line-height: 30px;
}
.blog_wrapper .single_blog .post_content_wrapper .post_by a i {
padding-left: 10px;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
.blog_wrapper .single_blog .post_content_wrapper .post_by a i:before {
margin: 0;
font-size: 14px;
}
.blog_wrapper .single_blog .post_content_wrapper .post_by a:hover {
color: #f10;
}
.blog_wrapper .single_blog .post_content_wrapper .post_by a:hover i {
padding-left: 15px;
}
.blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper span {
padding-right: 15px;
line-height: 30px;
}
.blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper .social-items li:last-child {
margin-right: 0;
}
.blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper .social-items li a i {
padding: 0;
height: 30px;
width: 30px;
text-align: center;
line-height: 29px;
border-radius: 50%;
font-size: 15px;
margin: 0;
background: transparent;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper .social-items li a i:hover {
padding: 0;
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper .social-items li a .fb_icon {
color: #4867aa;
}
.blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper .social-items li a .tw_icon {
color: #1da1f2;
}
.blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper .social-items li a .link_icon {
color: #0077B5;
}
.blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper .social-items li a .in_icon {
color: #262223;
}
.blog_wrapper .single_blog .post_content_wrapper .post_bloger {
padding: 30px 0 0px;
border-top: 1px solid #d7d7d7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blog_wrapper .single_blog .post_content_wrapper .post_bloger li {
font-size: 14px;
font-weight: 300;
margin: 0;
color: #727272;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
font-weight: 400;
padding-right: 50px;
}
.blog_wrapper .single_blog .post_content_wrapper .post_bloger li:last-child {
padding-right: 0;
}
.blog_wrapper .single_blog .post_content_wrapper .post_bloger li i {
padding-right: 7px;
font-size: 15px;
}
.blog_wrapper .commnet-wrapper .items_title .title {
font-size: 30px;
font-weight: 600;
color: #2f2f2f;
margin: 65px 0 0;
}
.blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper {
border-bottom: 1px solid rgba(47, 47, 47, 0.05);
padding-top: 40px;
padding-bottom: 40px;
}
.blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper:last-child {
border-bottom: 1px solid rgba(47, 47, 47, 0);
padding-bottom: 0px;
}
.blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper:first-child {
border-top: 1px solid transparent;
}
.blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .reply_comment_text {
padding-left: 50px !important;
padding-top: 30px !important;
}
.blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
border-radius: 0;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list:first-child {
margin-bottom: 0;
}
.blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .commnet_img {
width: 55px;
height: 55px;
}
.blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .commnet_img img {
border-radius: 50%;
}
.blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text {
width: 87%;
}
.blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info {
line-height: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .author_name a {
font-size: 16px;
font-weight: 700;
color: #2f2f2f;
margin-right: 25px;
}
.blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .author_name span {
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #727272;
}
.blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a {
font-size: 14px;
font-weight: 500;
margin: 0 0 0 30px;
color: #f00;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
.blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a:hover {
color: #f10;
}
.blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a:hover i {
color: #f10;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
padding-right: 10px;
margin: 0;
font-size: 10px;
}
.blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a i {
padding-right: 5px;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
.blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a i:before {
margin: 0;
font-size: 14px;
}
.blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text p {
font-size: 14px;
font-weight: 400;
line-height: 24px;
margin: 19px 0 0;
color: #727272;
}
.blog_wrapper .leave_comment_wrapper {
margin-top: 50px;
}
.blog_wrapper .leave_comment_wrapper .items_title {
margin-bottom: 30px;
}
.blog_wrapper .leave_comment_wrapper .items_title .title {
font-size: 30px;
font-weight: 600;
color: #2f2f2f;
margin-bottom: 10px;
}
.blog_wrapper .leave_comment_wrapper .items_title p {
margin: 0;
}
.blog_wrapper .leave_comment_wrapper .leave_comment .form-group {
margin-bottom: 15px;
}
.blog_wrapper .leave_comment_wrapper .leave_comment .form-group input,
.blog_wrapper .leave_comment_wrapper .leave_comment .form-group textarea {
background: transparent;
border: 1px solid #d7d7d7;
border-radius: 0px;
height: 46px;
padding: 0px 20px;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 100%;
color: #2f2f2f;
font-size: 14px;
font-weight: 400;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.blog_wrapper .leave_comment_wrapper .leave_comment .form-group input:focus,
.blog_wrapper .leave_comment_wrapper .leave_comment .form-group textarea:focus {
border: 1px solid #2f2f2f;
outline: none;
color: #2f2f2f;
}
.blog_wrapper .leave_comment_wrapper .leave_comment .form-group input::-webkit-input-placeholder,
.blog_wrapper .leave_comment_wrapper .leave_comment .form-group textarea::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #727272;
font-size: 12px;
font-weight: 400;
}
.blog_wrapper .leave_comment_wrapper .leave_comment .form-group input::-moz-placeholder,
.blog_wrapper .leave_comment_wrapper .leave_comment .form-group textarea::-moz-placeholder {
/* Firefox 19+ */
color: #727272;
font-size: 12px;
font-weight: 400;
}
.blog_wrapper .leave_comment_wrapper .leave_comment .form-group input:-ms-input-placeholder,
.blog_wrapper .leave_comment_wrapper .leave_comment .form-group textarea:-ms-input-placeholder {
/* IE 10+ */
color: #727272;
font-size: 12px;
font-weight: 400;
}
.blog_wrapper .leave_comment_wrapper .leave_comment .form-group input:-moz-placeholder,
.blog_wrapper .leave_comment_wrapper .leave_comment .form-group textarea:-moz-placeholder {
/* Firefox 18- */
color: #727272;
font-size: 12px;
font-weight: 400;
}
.blog_wrapper .leave_comment_wrapper .leave_comment .form-group textarea {
height: 150px;
padding-top: 15px;
}
.blog_wrapper .leave_comment_wrapper .leave_comment .submit-btn button {
height: 54px;
padding: 0 35px;
font-size: 18px;
font-weight: 500;
background: #f00;
color: #ffffff;
border: none;
border-radius: 0px;
cursor: pointer;
position: relative;
z-index: 1;
outline: none;
margin-top: 30px;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
.blog_wrapper .leave_comment_wrapper .leave_comment .submit-btn button:hover {
background: #f00;
}
.blog_wrapper .blog_wrapper_right {
padding-left: 15px;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .items-title .title {
font-size: 25px;
font-weight: 600;
margin-bottom: 30px;
position: relative;
padding-left: 80px;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .items-title .title:before {
position: absolute;
content: "";
background: #2f2f2f;
height: 2px;
width: 50px;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.blog_wrapper .blog_wrapper_right .blog-right-items .widget_single {
margin-bottom: 55px;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .widget_single:last-child {
margin-bottom: 0;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .search_blog .form-full-box {
padding: 20px 30px;
text-align: center;
-webkit-box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1);
box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1);
}
.blog_wrapper .blog_wrapper_right .blog-right-items .search_blog .form-full-box .form-group {
margin-bottom: 0px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .search_blog .form-full-box .form-group input {
position: relative;
background: transparent;
border: 1px solid #d7d7d7;
border-radius: 0px;
-webkit-box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0);
height: 50px;
padding: 15px;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 100%;
color: #2f2f2f;
font-size: 16px;
font-weight: 400;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .search_blog .form-full-box .form-group input:focus {
border-color: #f10;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .search_blog .form-full-box .form-group input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #ffffff;
font-size: 14px;
font-weight: 400;
opacity: 0.8;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .search_blog .form-full-box .form-group input::-moz-placeholder {
/* Firefox 19+ */
color: #ffffff;
font-size: 14px;
font-weight: 400;
opacity: 0.8;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .search_blog .form-full-box .form-group input::-ms-input-placeholder {
/* IE 10+ */
color: #ffffff;
font-size: 14px;
font-weight: 400;
opacity: 0.8;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .search_blog .form-full-box .form-group input::-moz-placeholder {
/* Firefox 18- */
color: #ffffff;
font-size: 14px;
font-weight: 400;
opacity: 0.8;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .search_blog .form-full-box .register-btn {
background: #f10;
color: title-color;
padding: 0;
color: #fff;
height: 50px;
width: 50px;
line-height: 50px;
font-size: 16px;
text-transform: uppercase;
border: none;
border-radius: 0px;
font-weight: 500;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
cursor: pointer;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .search_blog .form-full-box .register-btn:hover {
background: #f10;
color: #ffffff;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 0px;
overflow: hidden;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
margin-bottom: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #d7d7d7;
padding-bottom: 40px;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post:last-child {
margin-bottom: 0;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post .recent_img {
width: 25%;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post .recent_img img {
border-radius: 5px;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post .post_title {
width: 75%;
padding-left: 15px;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post .post_title a {
font-weight: 500;
line-height: 24px;
color: #2f2f2f;
font-size: 18px;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post .post_title a:hover {
color: #f10;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post .post_title .post-date {
margin-top: 8px;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post .post_title .post-date span {
font-weight: 400;
font-size: 12px;
color: #727272;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .popular_tags .items-title {
margin-bottom: 30px;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .popular_tags .tags-items ul li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding-right: 6px;
padding-bottom: 10px;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .popular_tags .tags-items ul li a {
padding: 10px 25px;
font-size: 15px;
background: #eef2f5;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
color: #727272;
font-weight: 500;
border-radius: 0px;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .popular_tags .tags-items ul li a:hover {
background: #f10;
color: #ffffff;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .archives .items-title {
margin-bottom: 20px;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .archives .archives-items {
margin-left: 50px;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .archives .archives-items ul li {
padding-bottom: 12px;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .archives .archives-items ul li a {
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
font-size: 16px;
font-weight: 400;
position: relative;
margin-right: 30px;
color: #2f2f2f;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .archives .archives-items ul li a:hover {
color: #f10;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .archives .archives-items ul li a:hover:before {
color: #f10;
}
.blog_wrapper .blog_wrapper_right .blog-right-items .archives .archives-items ul li a:hover:after {
left: -30px;
}
.blog-2 .single-travel-blog {
background: #ffffff;
}
/*=====================================================
26.home version 2 gallery section css goes here
=======================================================*/
.grid-3 {
padding: 0;
}
.grid-3 .col-md-6 {
padding-left: 0;
padding-right: 0px;
}
.grid-3 .col-md-3 {
padding-left: 0;
padding-right: 0px;
}
.grid-3 .grid-item {
margin-bottom: 0px;
}
.grid-3 figure {
position: relative;
overflow: hidden;
margin: 5px;
}
.grid-3 figure img {
width: 100%;
}
.grid-3 figure:before,
.grid-3 figure:after {
width: 100%;
height: 100%;
content: '';
top: 0;
left: 0;
position: absolute;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.grid-3 figure:before {
left: auto;
right: 0;
}
.grid-3 figure figcaption {
bottom: 20px;
position: absolute;
width: 100%;
left: 0;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
opacity: 0;
visibility: hidden;
z-index: 2;
}
.grid-3 figure figcaption h4 {
color: #ffffff;
font-size: 15px;
font-weight: 500;
}
.grid-3 figure figcaption h4 span {
color: #f00;
}
.grid-3 figure figcaption a {
top: -25px;
position: relative;
}
.grid-3 figure figcaption a .fa.fa-pencil {
background: #f00 none repeat scroll 0 0;
border-radius: 100%;
color: #fff;
display: block;
font-size: 14px;
height: 30px;
line-height: 30px;
text-align: center;
width: 30px;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.grid-3 figure figcaption a .fa.fa-pencil:hover {
background: #f10;
}
.grid-3 figure:hover::before,
.grid-3 figure:hover::after {
opacity: 1;
visibility: visible;
}
.grid-3 figure:hover figcaption {
opacity: 1;
visibility: visible;
left: 50px;
}
/*=====================================================
27.home version 3 hdeader section css goes here
=======================================================*/
.header-area-style-3 .main_nav-2 {
background: #ffffff;
}
.header-area-style-3 .main_nav-2 .main-menu li a {
color: #454545;
}
.header-area-style-3 .main_nav-2 .main-menu li a:hover {
color: #f00;
}
.header-area-style-3 .main_nav-2 .main-menu li.active a {
color: #f00;
}
.header-area-style-3 .main_nav-2 .main-menu li.active a:before {
width: 100%;
opacity: 1;
visibility: visible;
bottom: -15px;
}
.header-area-style-3 .sticky {
background: #333537;
}
.header-area-style-3 .sticky .main-menu li a {
color: #ffffff;
}
.index_3 .header_top_area {
background: #ffffff;
}
.index_3 .header_top_area .contact_wrapper_top .header_top_contact li {
color: #727272;
}
.index_3 .header_top_area .contact_wrapper_top .book-btn {
background: #f00;
cursor: pointer;
}
.index_3 .header_top_area .contact_wrapper_top .book-btn:hover {
background: #f00;
}
/*=====================================================
28.home version 3 herounit section css goes here
=======================================================*/
.book-online a {
background: #f00 none repeat scroll 0 0;
border-radius: 5px;
color: #fff;
display: block;
font-size: 14px;
margin-top: 25px;
padding: 6px 13px;
text-transform: uppercase;
width: 100%;
text-align: center;
}
.herounit-bg {
padding: 0;
position: absolute;
top: 55%;
left: 60%;
z-index: 999;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 0;
}
.herounit-bg .search_form_3 {
background: #ffffff;
overflow: hidden;
padding: 30px 30px 30px 50px;
margin-right: 0px;
margin-left: 35%;
}
.herounit-bg .search_form_3 form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.herounit-bg .search_form_3 form .form_wrapper {
position: relative;
width: 60%;
}
.herounit-bg .search_form_3 form .form_wrapper .form-group {
width: 100%;
float: left;
margin-bottom: 30px;
}
.herounit-bg .search_form_3 form .form_wrapper .form-group:last-child {
margin-bottom: 0;
}
.herounit-bg .search_form_3 form .form_wrapper .form-group label {
padding-left: 30px;
font-size: 15px;
font-weight: 500;
color: #2f2f2f;
padding-bottom: 8px;
}
.herounit-bg .search_form_3 form .form_wrapper .form-group input[type='text'],
.herounit-bg .search_form_3 form .form_wrapper .form-group input[type='number'],
.herounit-bg .search_form_3 form .form_wrapper .form-group .select2-container--default .select2-selection--single {
background: #f5f6f8;
border: none;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
color: #555;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 1.42857;
min-height: 50px;
padding: 12px 15px;
width: 100%;
outline: none;
}
.herounit-bg .search_form_3 form .form_wrapper .form-group .select2.select2-container.select2-container--default {
width: 100% !important;
}
.herounit-bg .search_form_3 form .form_wrapper .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
margin-top: 13px;
}
.herounit-bg .search_form_3 form .scarch_btn {
width: 40%;
position: relative;
}
.herounit-bg .search_form_3 form .scarch_btn .search-btn-3 {
background: #f00 none repeat scroll 0 0;
height: 60px;
width: 60px;
cursor: pointer;
text-align: center;
border: medium none;
border-radius: 3px;
color: #ffffff;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
margin-top: 25px;
position: absolute;
bottom: 0;
right: 0;
}
#popular_packages_3 .single-package:hover .travel-booking-btn {
background: #f00 !important;
border: 1px solid #f00;
color: #ffffff !important;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
#popular_packages_3 .single-package .package-calto-action .ct-action .travel-booking-btn {
background: transparent;
border: 1px solid #f00;
color: #727272;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
#popular_packages_3 .single-package .package-calto-action .ct-action .travel-booking-btn:before {
background: #f10;
}
#popular_packages_3 .single-package .package-calto-action .ct-action .travel-booking-btn:hover {
border: 1px solid #f00;
cursor: pointer;
}
/*=====================================================
29.why choose travelser section css goes here
=======================================================*/
.choose-travelstar-version-2 {
background: #f4f4f4;
overflow: hidden;
}
.choose-travelstar-version-2 .container {
min-width: 1180px;
}
.choose-travelstar-version-2 .section-title-3 p {
max-width: 400px;
}
.choose-travelstar-version-2 .thailan-btn:before {
background: #f10;
}
.choose-travelstar-version-2 .single-travel {
margin-bottom: 30px;
padding: 25px 35px;
background: none;
z-index: 33;
}
.choose-travelstar-version-2 .single-travel:hover {
background: #ffffff;
-webkit-transform: none;
transform: none;
-webkit-box-shadow: none;
box-shadow: none;
cursor: auto;
}
.choose-travelstar-version-2 .single-travel:hover .media-body h4 {
color: #f10;
}
.choose-travelstar-version-2 .single-travel:hover .media-body p {
color: #727272;
}
.choose-travelstar-version-2 .ImageBlock {
position: relative;
}
.choose-travelstar-version-2 .ImageBlock--switch .ImageBlock__image {
left: 0;
right: auto;
}
.choose-travelstar-version-2 .ImageBlock__image {
height: 100%;
padding: 0;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.choose-travelstar-version-2 .ImageBackground {
height: 100%;
position: relative;
}
.choose-travelstar-version-2 .ImageBackground__holder {
background-repeat: no-repeat;
background-size: cover;
height: 100%;
left: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.choose-travelstar-version-2 .ImageBackground__holder:before,
.choose-travelstar-version-2 .ImageBackground__holder:after {
content: "";
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.choose-travelstar-version-2 .ImageBackground__holder:after {
background: rgba(55, 183, 33, 0.2);
}
.choose-travelstar-version-2 .js-Parallax {
overflow: hidden;
}
.choose-travelstar-version-2 .js-Parallax > .ImageBackground__holder {
background-attachment: fixed;
}
.choose-travelstar-version-2 .ImageBlock {
position: relative;
}
.choose-travelstar-version-2 .ImageBlock__image {
position: absolute;
z-index: 2;
top: 0;
right: 0;
height: 100%;
padding: 0;
}
@media screen and (max-width: 767px) {
.choose-travelstar-version-2 .ImageBlock__image,
.choose-travelstar-version-2 .ImageBlock__image > .ImageBackground {
position: relative;
min-height: 15em;
}
.choose-travelstar-version-2 .ImageBackground__holder {
left: 0;
}
}
/*=====================================================
30.discount & deal section css goes here
=======================================================*/
.discoun_deal .single-discount-deal {
-webkit-box-shadow: 0 0 30px 0 rgba(47, 47, 47, 0.05);
box-shadow: 0 0 30px 0 rgba(47, 47, 47, 0.05);
}
.discoun_deal .single-discount-deal figure {
overflow: hidden;
position: relative;
}
.discoun_deal .single-discount-deal figure:hover figure img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.discoun_deal .single-discount-deal figure:hover .offer_btn {
top: -50px;
opacity: 0;
visibility: hidden;
}
.discoun_deal .single-discount-deal figure:hover .travel-book-btn {
opacity: 1;
visibility: visible;
top: 50%;
}
.discoun_deal .single-discount-deal figure:before {
position: absolute;
width: 100%;
height: 100%;
content: '';
background: rgba(0, 0, 0, 0.4);
left: 0;
right: 0;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
z-index: 2;
}
.discoun_deal .single-discount-deal figure img {
width: 100%;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
border-radius: 3px;
}
.discoun_deal .single-discount-deal figure figcaption .travel-book-btn {
position: absolute !important;
top: 60%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
opacity: 0;
visibility: hidden;
position: relative;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
text-align: center;
z-index: 3;
}
.discoun_deal .single-discount-deal figure figcaption .offer_btn {
position: absolute;
top: 0;
left: 0;
display: inline-block;
background: #ffffff;
height: 50px;
line-height: 50px;
font-size: 18px;
font-weight: 600;
padding: 0px 15px;
z-index: 2;
opacity: 1;
visibility: visible;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
.discoun_deal .single-discount-deal figure figcaption .offer_details {
position: absolute;
left: 0;
text-align: left;
bottom: 15px;
width: 100%;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
z-index: 3;
padding: 15px;
}
.discoun_deal .single-discount-deal figure figcaption .offer_details h3 {
font-size: 20px;
font-weight: 600;
color: #ffffff;
}
.discoun_deal .single-discount-deal figure figcaption .offer_details h3 .map_icon {
font-size: 18px;
color: #f00;
height: 20px;
width: auto;
padding-right: 7px;
}
.discoun_deal .single-discount-deal figure figcaption .offer_details ul li {
color: #ffffff;
font-weight: 500;
letter-spacing: 1px;
font-size: 16px;
padding: 0;
margin: 0;
}
/*=====================================================
31.Video section css goes here
=======================================================*/
.video-play {
background: #f00 url("../images/bgimage/video.jpg") no-repeat scroll center center/cover;
height: 600px;
position: relative;
}
.video-play:before {
position: absolute;
background: transparent;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
z-index: 1;
}
.video-play .video-content {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
z-index: 3;
}
.video-play .video-content .section-title h2,
.video-play .video-content .section-title p {
color: #ffffff;
}
.video-play .video-content .video-play-btn a {
position: relative;
z-index: 1;
}
.video-play .video-content .video-play-btn a i {
background: #ffffff;
color: #f00;
content: "";
height: 70px;
width: 70px;
line-height: 70px;
font-size: 18px;
z-index: 1;
border-radius: 50%;
}
.video-play .video-content .video-play-btn a:before {
position: absolute;
content: "";
background: #ffffff;
left: 50%;
top: 50%;
border-radius: 50%;
animation: bounce_4b 3s infinite linear;
-webkit-animation: bounce_4b 3s infinite linear;
z-index: -1;
height: 120px;
width: 120px;
}
@-webkit-keyframes bounce_4b {
0% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 0;
}
50% {
-webkit-transform: translate(-50%, -50%) scale(1.1);
transform: translate(-50%, -50%) scale(1.1);
opacity: 0.5;
}
100% {
-webkit-transform: translate(-50%, -50%) scale(1.2);
transform: translate(-50%, -50%) scale(1.2);
opacity: 0;
}
}
@keyframes bounce_4b {
0% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 0;
}
50% {
-webkit-transform: translate(-50%, -50%) scale(1.1);
transform: translate(-50%, -50%) scale(1.1);
opacity: 0.5;
}
100% {
-webkit-transform: translate(-50%, -50%) scale(1.2);
transform: translate(-50%, -50%) scale(1.2);
opacity: 0;
}
}
.video-play .video-content .video-play-btn h6 {
color: #ffffff;
font-size: 16px;
font-weight: 500;
margin-top: 60px;
}
/*=====================================================
32.online shop section css goes here
=======================================================*/
.single-product {
text-align: center;
position: relative;
padding: 30px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
overflow: hidden;
}
.single-product:before {
position: absolute;
width: 100%;
height: 100%;
content: '';
left: 0;
top: -30px;
background: rgba(0, 0, 0, 0.3);
z-index: 2;
opacity: 0;
visibility: hidden;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.single-product .product-image a {
display: block;
}
.single-product .product-content {
padding-top: 20px;
}
.single-product .product-content h4 {
font-size: 20px;
font-weight: 600;
color: #2f2f2f;
text-transform: capitalize;
z-index: 5;
position: relative;
}
.single-product .product-content i {
color: #ffef3b;
padding-bottom: 15px;
font-size: 21.5px;
}
.single-product .product-content .product-action {
text-align: left;
}
.single-product .product-content .product-action li {
z-index: 10;
position: relative;
display: inline-block;
}
.single-product .product-content .product-action li p {
color: #2f2f2f;
margin: 0;
}
.single-product .product-content .product-action li a {
font-size: 14px;
font-weight: 500;
color: #f00;
text-transform: capitalize;
}
.single-product .product-content .product-action li:last-child {
float: right;
}
.single-product .product-content .product-btn {
left: 0;
margin: 0 auto;
top: 90px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
right: 0;
text-align: center;
-webkit-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
width: 100%;
opacity: 0;
visibility: hidden;
z-index: 8;
}
.single-product:hover:before {
top: 0;
opacity: 1;
visibility: visible;
}
.single-product:hover .product-btn {
top: 50%;
opacity: 1;
visibility: visible;
}
/*=====================================================
33.thailand-trip section css goes here
=======================================================*/
.thailand-trip {
background: #f9f9f9;
}
.thailand-trip .col-md-6,
.thailand-trip .col-sm-6 {
left: 20px;
}
.thailand-trip .ImageBackground__holder {
left: 0;
}
.thailand-trip .trip_discripton_wrapper {
padding:50px 0;
}
.thailand-trip .section-title-3 h2 {
padding-left: 30px;
font-size: 25px;
color: #2f2f2f;
font-weight: 600;
}
.thailand-trip .thailand-description {
padding-left: 30px;
}
.thailand-trip .thailand-description p {
font-size:18px;
line-height:32px;
}
.thailand-trip .thailand-description a {
margin-top: 40px;
background: #f00;
padding: 15px 35px !important;
}
.thailand-trip .starting {
position: absolute;
text-align: center;
top: 40%;
-webkit-transform: translateY(-40%);
transform: translateY(-40%);
z-index: 33;
width: 130px;
height: 130px;
left: 0;
right: 0;
margin: 0 auto;
background: #ffffff;
text-align: center;
border-radius: 100%;
line-height: 25px;
}
.thailand-trip .starting .starting-elemnts {
padding: 40px 0;
}
.thailand-trip .starting .starting-elemnts p {
color: #ababab;
margin: 0;
}
.thailand-trip .starting .starting-elemnts span {
font-size: 20px;
font-weight: 600;
color: #f00;
}
.thailand-trip .starting:before {
background: #ffffff none repeat scroll 0 0;
content: "";
height: 180px;
position: absolute;
top: -136%;
width: 1px;
}
/*=====================================================
34.Testimonial two section css goes here
=======================================================*/
.top-testimonial-image.row.slick-pagination {
position: relative;
z-index: 2;
}
.top-testimonial-image .slider-nav-two {
padding-bottom: 40px;
}
.top-testimonial-image .slider-nav-two .slick-slide {
position: relative;
overflow: hidden;
}
.top-testimonial-image .slider-nav-two .slick-slide:before {
background: #f00;
border-radius: 100%;
content: "";
height: 87px;
left: 10px;
opacity: 0.4;
position: absolute;
right: 0;
top: 12px;
width: 87px;
z-index: 9;
cursor: pointer;
}
.top-testimonial-image .slider-nav-two .slick-slide span img {
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
cursor: pointer;
padding: 10px;
}
.top-testimonial-image .slider-nav-two .slick-slide:focus {
outline: none;
}
.top-testimonial-image .slider-nav-two .slick-center {
-webkit-transform: scale(1.2);
transform: scale(1.2);
padding: 0;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
position: relative;
}
.top-testimonial-image .slider-nav-two .slick-center:before {
background: none;
}
.testimonial-two .top-testimonial-image {
width: 180px;
height: 180px;
margin: 0px auto;
-webkit-box-shadow: 0 0 60px 0 rgba(47, 47, 47, 0.1);
box-shadow: 0 0 60px 0 rgba(47, 47, 47, 0.1);
border-radius: 50%;
position: relative !important;
z-index: 1;
}
.testimonial-two .top-testimonial-image::before {
content: '\f10d ';
font-family: Fontawesome;
font-size: 50px;
left: -12px;
position: absolute;
top: -11px;
z-index: -22;
color: #f10;
z-index: 2;
}
.testimonial-two .top-testimonial-image .carousel-images {
border-radius: 50%;
overflow: hidden;
padding-bottom: 0px;
}
.testimonial-two .top-testimonial-image .carousel-images .images_single {
width: 180px;
height: 180px;
}
.testimonial-two .top-testimonial-image .carousel-images .images_single:before {
display: none;
}
.testimonial-two .block-text {
text-align: center;
width: 60%;
margin: 0px auto;
}
.testimonial-two .block-text .single-box {
margin-top: 30px;
}
.testimonial-two .block-text .single-box p {
line-height: 25px;
margin-bottom: 25px;
}
.testimonial-two .block-text .single-box .client-bio h3 {
font-size: 20px;
font-weight: 600;
color: #2f2f2f;
margin: 0;
}
.testimonial-two .block-text .single-box .client-bio span {
color: #727272;
font-size: 14px;
font-weight: 400;
}
.testimonial-two .block-text .single-box .rating {
margin-top: 20px;
}
.testimonial-two .block-text .single-box .rating li {
color: #f00;
font-size: 15px;
padding: 1px;
}
.testimonial-two .slick-list {
margin: 0;
}
.testimonial-two .slick-prev,
.testimonial-two .slick-next {
font-size: 0;
position: absolute;
top: -20px;
height: 60px;
width: 60px;
-webkit-box-shadow: 0 0 60px 0 rgba(47, 47, 47, 0.1);
box-shadow: 0 0 60px 0 rgba(47, 47, 47, 0.1);
color: #f00;
border: 0;
background: none;
z-index: 1;
outline: none;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
.testimonial-two .slick-prev:hover,
.testimonial-two .slick-next:hover {
background: #f00;
}
.testimonial-two .slick-prev {
left: -190px;
}
.testimonial-two .slick-prev:after {
content: "\f104";
font: 25px/1'FontAwesome';
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
.testimonial-two .slick-next {
right: -190px;
text-align: center;
}
.testimonial-two .slick-next:after {
content: "\f105";
font: 25px/1'FontAwesome';
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
.testimonial-two .slick-prev:hover:after,
.testimonial-two .slick-next:hover:after {
color: #ffffff;
}
/*=====================================================
35.Home version 4 header top section start here
=======================================================*/
.main_nav.main_nav-4 {
background: rgba(0, 0, 0, 0.4) !important;
}
.main_nav.main_nav-4.sticky {
background: #333537 none repeat scroll 0 0 !important;
}
/*=====================================================
36.Home version 4 slider section start here
=======================================================*/
.slider-area-3 .image-overlay:before {
background: rgba(0, 0, 0, 0.5) !important;
}
.slider-area-3 .image-overlay:after {
background: rgba(55, 183, 33, 0.2) !important;
}
/*=====================================================
37.Home version 4 tabbased search section start here
=======================================================*/
.tabbased-search-area-4 {
position: inherit;
margin-top: 0;
padding: 50px 0;
}
.tabbased-search-area-4 .tabbable-menu .tab-menu {
border-bottom: 2px solid #f1f1f1;
margin-bottom: 50px;
}
.tabbased-search-area-4 .tabbable-menu .tab-menu li a {
color: #2f2f2f !important;
}
.tabbased-search-area-4 .tabbable-menu .tab-menu li a img {
margin-right: 10px;
}
.tabbased-search-area-4 .tabbable-menu .tab-menu li a:before {
bottom: -22px !important;
}
.tabbased-search-area-4 .tabbable-menu .tab-menu li:hover a {
color: #f00 !important;
}
.tabbased-search-area-4 .tabbable-menu .tab-menu li.active a:before {
width: 100%;
opacity: 1;
visibility: visible;
}
.tabbased-search-area-4 .tab-content .hotels-form input,
.tabbased-search-area-4 .tab-content .flights-form input {
background: #f1f1f1 none repeat scroll 0 0;
}
.tabbased-search-area-4 .tab-content .hotels-form .custom-select,
.tabbased-search-area-4 .tab-content .flights-form .custom-select {
background: #f1f1f1 !important;
}
.search_area_4 {
position: static;
padding: 60px 0 !important;
margin: 0 !important;
}
.search_area_4 form {
padding: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.search_area_4 form .form_wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.search_area_4 form .form_wrapper .searc-btn-7 {
width: auto !important;
margin-top: 0px !important;
padding-left: 15px;
height: 74px;
}
.search_area_4 form .form_wrapper .searc-btn-7 button {
height: 74px !important;
padding: 0 50px !important;
}
/*=====================================================
38.Home version 4 popular package section start here
=======================================================*/
.popular-packages-2 {
background: #f4f4f4;
padding: 120px 0;
}
.popular_packages_4 .single-package:hover .travel-booking-btn {
background: transparent;
border: 1px solid #f10 !important;
color: #ffffff !important;
background: #f10 !important;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
.popular_packages_4 .single-package:hover .travel-booking-btn:before {
background: #f00 !important;
}
.popular_packages_4 .single-package .package-calto-action .ct-action .travel-booking-btn {
background: transparent;
border: 1px solid #f10 !important;
color: #f10;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
.popular_packages_4 .single-package .package-calto-action .ct-action .travel-booking-btn:before {
background: #f10 !important;
}
.popular_packages_4 .single-package .package-calto-action .ct-action .travel-booking-btn:hover {
border: 1px solid #f10 !important;
color: #ffffff;
cursor: pointer;
}
/*=====================================================
39.Home version 4 discount package 4 section start here
=======================================================*/
.discount-package-4 {
background: #f4f4f4;
padding: 0px 0;
position: relative;
}
.discount-package-4 img {
padding-right: 50px;
}
.discount-package-4 .discount-package-4-contents {
position: relative;
z-index: 3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 100%;
padding-left: 50px;
}
.discount-package-4 .discount-package-4-contents .discount-package-4-title h2 {
font-size: 34px;
font-weight: 600;
color: #2f2f2f;
padding-bottom: 30px;
}
.discount-package-4 .discount-package-4-contents .discount-package-4-title h2 span {
color: #f10;
}
.discount-package-4 .discount-package-4-contents .discount-package-4-title p {
font-size: 17px;
color: #636363;
padding-bottom: 40px;
}
.discount-package-4 .discount-package-4-contents .travel-primary-btn-2 {
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.discount-package-4 .discount-package-4-contents .travel-primary-btn-2:hover {
background: #f00 !important;
color: #ffffff;
}
.discount-package-4 .discount-package-4-contents .travel-primary-btn-2:hover:before {
background: #f10;
}
/*=====================================================
40.Home version 4 top destination section start here
=======================================================*/
.top-destination-area figure {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.top-destination-area figure img {
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.top-destination-area figure:before {
position: absolute;
width: 100%;
height: 100%;
content: '';
background: rgba(0, 0, 0, 0.3);
top: 0;
left: 0;
z-index: 1;
}
.top-destination-area figure figcaption {
position: absolute;
top: 40%;
width: 100%;
height: 100%;
left: 0;
right: 0;
margin: auto;
text-align: center;
opacity: 0;
visibility: hidden;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
z-index: 33;
}
.top-destination-area figure figcaption h4 {
color: #ffffff;
font-size: 20px;
font-weight: 600;
}
.top-destination-area figure:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.top-destination-area figure:hover figcaption {
opacity: 1;
visibility: visible;
top: 50%;
}
/*=====================================================
41.Home version 4 counter section start here
=======================================================*/
.achievment-bg {
background: #f00 url("../images/bgimage/achivment.jpg") repeat scroll 0 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: relative;
}
.achievment-bg:before {
position: absolute;
width: 100%;
height: 100%;
content: '';
left: 0;
top: 0;
background: transparent;
z-index: 1;
}
.single-counter-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 5%;
}
.single-counter {
text-align: center;
position: relative;
z-index: 3;
}
.single-counter .counter-image {
display: block;
padding-bottom: 20px;
}
.single-counter .counter-elements .counter {
font-size: 30px;
font-weight: 600;
color: #ffffff;
}
.single-counter .counter-elements span {
font-size: 15px;
font-weight: 500;
color: #ffffff;
text-transform: uppercase;
}
#blog_4 {
background: url("../images/bgimage/blog_4.jpg");
background-size: cover;
}
#blog_4 .post-social-2 li:last-child a:last-child {
margin-right: 15px !important;
}
#blog_4 .post-social-2 li:last-child a i {
padding-right: 5px !important;
}
#blog_4 .section-title h2,
#blog_4 .section-title p {
color: #ffffff;
}
#blog_4 .single-travel-blog {
background: #ffffff;
}
/*=====================================================
42.Home version 4 hotel section start here
=======================================================*/
.single-hotels {
position: relative;
}
.single-hotels .hotel-image {
position: relative;
overflow: hidden;
}
.single-hotels .hotel-image:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
left: -30px;
top: 0;
background: rgba(0, 0, 0, 0.45);
z-index: 1;
opacity: 0;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.single-hotels .hotel-image img {
width: 100%;
}
.single-hotels .hotel-description {
text-align: center;
padding: 25px 0;
}
.single-hotels .hotel-description h4 {
color: #2f2f2f;
font-size: 20px;
font-weight: 600;
}
.single-hotels .hotel-description p span {
color: #f10;
font-weight: 600;
}
.single-hotels .hotel-description .hotel-rating i {
color: #f00;
font-size: 18px;
}
.single-hotels .hotel-description .hotet-book-btn {
bottom: 0;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
text-align: center;
top: 50%;
-webkit-transform: translateY(-40%);
transform: translateY(-40%);
opacity: 0;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
z-index: 3;
}
.single-hotels .hotel-description .hotet-book-btn a {
padding: 12px 26px !important;
font-size: 15px;
font-weight: 500;
font-size: 14px;
}
.single-hotels .hotel-description .hotet-book-btn a:before {
background: #f00;
}
.single-hotels:hover .hotel-image:before {
opacity: 1;
left: 0;
}
.single-hotels:hover .hotet-book-btn {
opacity: 1;
}
.experience_4 {
background: #ffffff;
}
.experience_4 .section-title-white h2 {
color: #2f2f2f;
}
.experience_4 .section-title-white p {
color: #727272;
}
.experience_4 .single-counter-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
padding: 0;
}
.experience_4 .single-counter-box .single_experience {
width: 19%;
-webkit-box-shadow: 0 0 20px 0 rgba(47, 47, 47, 0.05);
box-shadow: 0 0 20px 0 rgba(47, 47, 47, 0.05);
padding: 40px 0;
}
.experience_4 .single-counter-box .single_experience h3 {
padding-top: 15px;
font-size: 20px;
font-weight: 500;
color: #454545;
}
#hotel_style_one {
padding: 120px 0 !important;
}
#hotel_style_one .single-hotels {
position: relative;
margin-bottom: 50px;
}
#hotel_details .single-package-details .package-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 15px;
}
#hotel_details .single-package-details .package-content li {
padding-right: 30px;
}
#hotel_details .single-package-details .package-content .price_hotel {
line-height: 22px;
}
#hotel_details .single-package-details .package-content .price_hotel span {
font-size: 30px;
color: #f00;
}
#hotel_details .package-tab-menu .package-tab-menu li {
padding-right: 0px;
font-family: "Poppins", sans-serif;
}
#hotel_details .packaging_contents_wrapper h4 {
color: #727272;
font-size: 20px;
font-weight: 500;
}
#hotel_details .packaging_contents_wrapper .packaging-contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 50px;
}
#hotel_details .packaging_contents_wrapper .packaging-contents ul {
padding-top: 10px;
}
#hotel_details .packaging_contents_wrapper .packaging-contents ul li {
display: inherit;
color: #727272;
padding-bottom: 7px;
}
#hotel_details .packaging_contents_wrapper .packaging-contents ul li i {
color: #f00;
padding-right: 10px;
}
/*=====================================================
43.Home version partner 2 section start here
=======================================================*/
.partner-slider-2 .single-partner-slider-2 {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
padding: 30px 0;
text-align: center;
margin: 10px;
}
.partner-slider-2 .single-partner-slider-2 h3 {
font-size: 20px;
font-weight: 600;
color: #2f2f2f;
}
.partner-slider-2 .slick-slide img {
display: inline-block;
padding-bottom: 25px;
}
/*=====================================================
44.Home version 4 footer section start here
=======================================================*/
.footer-area-2 .single-footer p {
color: #ffffff;
}
.footer-area-2 .single-footer .footer-gallery li {
margin-bottom: 30px;
padding: 0 25px 0 0;
}
.footer-area-2 .single-footer .footer-send {
background: transparent none repeat scroll 0 0;
border: none;
display: inline-block;
background: #f00;
padding: 8px 20px;
border-radius: 3px;
color: #ffffff;
font-weight: 600;
margin-bottom: 35px;
margin-top: -8px;
font-size: 14px;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.footer-area-2 .single-footer .footer-send:hover {
background: #f10;
color: #ffffff;
}
.footer-area-2 .single-footer .footer-contact-form form .footer-form-element li input {
height: 50px;
}
/*=====================================================
45.Home version 5 slider section start here
=======================================================*/
.slider-area-4 span {
color: #f10 !important;
font-size: 60px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
}
/*=====================================================
46.Home version 5 slider section start here
=======================================================*/
.best-services-area .single-best-services {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
padding: 20px;
text-align: center;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.best-services-area .single-best-services .services-content h4 {
color: #2f2f2f;
font-size: 20px;
font-weight: 500;
padding: 20px 0;
margin: 0;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.best-services-area .single-best-services .services-content a {
font-size: 15px;
font-weight: 400;
color: #2f2f2f;
-webkit-transition: all ease-out 0.5s;
transition: all ease-out 0.5s;
}
.best-services-area .single-best-services .services-content a i {
margin-left: 5px;
}
.best-services-area .single-best-services:hover {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.best-services-area .single-best-services:hover .services-content h4 {
color: #f00;
}
.best-services-area .single-best-services:hover .services-content a {
color: #f00;
}
/*=====================================================
47.Home version 5 discount section start here
=======================================================*/
.discount-package-5 {
background: red url("../images/bgimage/discount5.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: relative;
overflow: hidden;
padding: 100px 0;
z-index: 1;
}
.discount-package-5:before {
content: "";
width: 100%;
height: 100%;
background: #000;
opacity: 0.35;
position: absolute;
left: 0;
z-index: -1;
top: 0;
}
.discount-package-5 .discount-package-4-title h2,
.discount-package-5 .discount-package-4-title h3 {
font-size: 40px;
font-weight: 600;
color: #ffffff;
text-transform: uppercase;
padding-bottom: 0px;
}
.discount-package-5 .discount-package-4-title h2 span,
.discount-package-5 .discount-package-4-title h3 span {
color: #f10;
}
.discount-package-5 .discount-package-4-title > p {
font-size: 18px;
color: #ffffff;
padding: 30px 0;
}
.discount-package-5 .discount-package-4-title .sticker {
background: #f10 none repeat scroll 0 0;
border-radius: 100%;
height: 80px;
position: absolute;
right: 160px;
text-align: center;
top: -50px;
width: 80px;
}
.discount-package-5 .discount-package-4-title .sticker .sticker-content {
padding: 18px 0;
}
.discount-package-5 .discount-package-4-title .sticker .sticker-content p,
.discount-package-5 .discount-package-4-title .sticker .sticker-content span {
margin: 0;
color: #ffffff;
font-weight: 500;
}
/*=====================================================
48.Home version 5 Our Hottest tours section start here
=======================================================*/
.top-destination-area-5 .single-destionation-5 {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.top-destination-area-5 .single-destionation-5 .destination-5-image {
overflow: hidden;
}
.top-destination-area-5 .single-destionation-5 .destination-5-image a img {
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.top-destination-area-5 .single-destionation-5 .destination-5-description {
text-align: center;
padding: 25px;
}
.top-destination-area-5 .single-destionation-5 .destination-5-description span {
color: #2f2f2f;
display: inline-block;
font-size: 15px;
font-weight: 400;
padding-bottom: 5px;
}
.top-destination-area-5 .single-destionation-5 .destination-5-description h3 {
font-size: 20px;
font-weight: 600;
text-transform: capitalize;
color: #2f2f2f;
}
.top-destination-area-5 .single-destionation-5 .destination-5-description > p {
font-weight: 500;
}
.top-destination-area-5 .single-destionation-5 .destination-5-description > p span {
font-weight: 600;
color: #f00;
}
.top-destination-area-5 .single-destionation-5 .destination-5-description .rating-review-5 {
padding-bottom: 30px;
}
.top-destination-area-5 .single-destionation-5 .destination-5-description .rating-review-5 li {
display: inline-block;
}
.top-destination-area-5 .single-destionation-5 .destination-5-description .rating-review-5 li:first-child {
margin-right: 10px;
}
.top-destination-area-5 .single-destionation-5 .destination-5-description .rating-review-5 li:last-child {
float: right;
}
.top-destination-area-5 .single-destionation-5 .destination-5-description .rating-review-5 li i {
color: #ffef3b;
font-size: 18px;
}
.top-destination-area-5 .single-destionation-5 .destination-5-description a {
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.top-destination-area-5 .single-destionation-5:hover {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.top-destination-area-5 .single-destionation-5:hover .destination-5-description a {
background: #f10;
}
.top-destination-area-5 .single-destionation-5:hover .destination-5-image img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
/*=====================================================
49.Home version 5 testimonial 5 section start here
=======================================================*/
.testimonial-area-5 {
background: #f00 url("../images/bgimage/snow.jpg") no-repeat scroll center center/cover;
position: relative;
overflow: hidden;
padding: 100px 0;
}
.testimonial-area-5:before {
position: absolute;
width: 100%;
height: 100%;
content: '';
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.2);
z-index: 1;
}
.testimonial-area-5 .single-testimonial {
text-align: center;
}
.testimonial-area-5 .single-testimonial img {
width: 120px;
height: 120px;
display: inline-block;
}
.testimonial-area-5 .single-testimonial .testimonial-messages {
padding: 30px 0;
}
.testimonial-area-5 .single-testimonial .testimonial-messages p {
margin: 0 auto;
max-width: 764px;
font-size: 20px;
color: #ffffff;
}
.testimonial-area-5 .single-testimonial .author-bio h3 {
font-size: 20px;
font-weight: 600;
color: #ffffff;
margin: 0;
}
.testimonial-area-5 .single-testimonial .author-bio span {
font-size: 14px;
color: #ffffff;
font-weight: 400;
}
.testimonial-area-5 .owl-dots {
text-align: center;
padding: 20px 0;
}
.testimonial-area-5 .owl-dots .owl-dot {
display: inline-block;
}
.testimonial-area-5 .owl-dots .owl-dot span {
-webkit-backface-visibility: visible;
backface-visibility: visible;
background: #ffffff none repeat scroll 0 0;
border-radius: 100%;
display: block;
height: 14px;
margin: 0px 7px;
-webkit-transition: opacity 0.2s ease 0s;
transition: opacity 0.2s ease 0s;
width: 14px;
}
.testimonial-area-5 .owl-dots .owl-dot.active span {
background: #f00;
}
.testimonial-area-5 .owl-stage {
-webkit-transition: 0.9s !important;
transition: 0.9s !important;
}
/*=====================================================
50.Home version 5 recomended hotel section start here
=======================================================*/
.hotels-area-2 .single-hotels-2 {
position: relative;
overflow: hidden;
}
.hotels-area-2 .single-hotels-2 .hotel-image {
position: relative;
}
.hotels-area-2 .single-hotels-2 .hotel-image img{
width: 100%;
height: 300px;
}
.hotels-area-2 .single-hotels-2 .hotel-image:before {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
content: '';
left: 0;
top: 0;
z-index: 10;
}
.hotels-area-2 .single-hotels-2 .hotel-description {
bottom: -35px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: 0;
overflow: hidden;
padding: 30px;
position: absolute;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
width: 100%;
z-index: 10;
}
.hotels-area-2 .single-hotels-2 .hotel-description a h4 {
font-size: 20px;
font-weight: 600;
color: #ffffff;
}
.hotels-area-2 .single-hotels-2 .hotel-description p {
color: #ffffff;
margin: 0;
}
.hotels-area-2 .single-hotels-2 .hotel-description p span {
color: #f10;
font-weight: 600;
}
.hotels-area-2 .single-hotels-2 .hotel-description .hotel-book-btn {
bottom: -50px;
opacity: 0;
position: relative;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.hotels-area-2 .single-hotels-2:hover .hotel-description {
bottom: 0;
}
.hotels-area-2 .single-hotels-2:hover .hotel-book-btn {
opacity: 1;
bottom: -12px;
}
/*=====================================================
51.Home version 5 discount 5 hotel section start here
=======================================================*/
.discount-package-6 {
background: #f00 url("../images/bgimage/discount6.jpg") no-repeat scroll center center/cover;
padding: 190px 0;
position: relative;
}
.discount-package-6:before {
position: absolute;
width: 100%;
height: 100%;
content: '';
background: rgba(0, 0, 0, 0.4);
left: 0;
top: 0;
z-index: 1;
}
.discount-package-6 .discount-package-4-contents .discount-package-4-title h2 {
font-size: 39px;
}
.discount-package-6 .discount-package-4-contents .discount-package-4-title p {
color: #ffffff;
font-size: 16.8px;
line-height: 30px;
}
/*=====================================================
52.Home version 5 blog hotel section start here
=======================================================*/
.blog-5 {
background: none;
background: #ffffff;
}
.blog-5:before,
.blog-5:after {
display: none !important;
}
/*=====================================================
53.blog version 1 section start here
=======================================================*/
.single-bredcurms {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
overflow: hidden;
padding: 160px 0 90px;
}
.single-bredcurms:before,
.single-bredcurms:after {
position: absolute;
width: 100%;
height: 100%;
content: '';
background: rgba(0, 0, 0, 0.4);
left: 0;
top: 0;
z-index: 0;
}
.single-bredcurms:after {
background: rgba(241, 123, 55, 0.1);
}
.single-bredcurms .bredcrums-content {
padding: 70px 0;
position: relative;
z-index: 0;
}
.single-bredcurms .bredcrums-content h2 {
color: #ffffff;
font-size: 40px;
font-weight: 600;
}
.single-bredcurms .bredcrums-content ul li {
display: inline-block;
}
.single-bredcurms .bredcrums-content ul li a {
color: #fff;
font-size: 18px;
text-transform: capitalize;
font-weight: 400;
}
.single-bredcurms .bredcrums-content ul li + li:before {
color: #fff;
content: "/";
padding: 0 5px;
font-weight: 700;
}
.pagination_wrapper .single-travel-blog {
margin-bottom: 30px;
}
.pagination_wrapper .pagination {
margin: 40px 0 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.pagination_wrapper .pagination > li > a,
.pagination_wrapper .pagination > li > span {
margin: 0 5px;
background: #f00;
border: none;
color: #ffffff;
border-radius: 0;
height: 34px;
line-height: 34px;
width: 34px;
display: block;
text-align: center;
}
.pagination_wrapper .pagination > .active > a,
.pagination_wrapper .pagination > .active > a:focus,
.pagination_wrapper .pagination > .active > a:hover,
.pagination_wrapper .pagination > .active > span,
.pagination_wrapper .pagination > .active > span:focus,
.pagination_wrapper .pagination > .active > span:hover {
background-color: #f10;
border-color: transparent;
color: #fff;
cursor: default;
z-index: 3;
border-radius: 0px;
}
.pagination_wrapper .pagination > li:hover > a {
background: #f10;
color: #ffffff;
}
.pagination_wrapper .pagination > li:first-child > a,
.pagination_wrapper .pagination > li:first-child > span {
border-bottom-left-radius: 0;
border-top-left-radius: 0px;
margin-left: 0;
}
.pagination_wrapper .pagination > li:last-child > a,
.pagination_wrapper .pagination > li:last-child > span {
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
}
.section-blog-bg-2 {
background: none;
}
.section-blog-bg-2:before,
.section-blog-bg-2:after {
display: none !important;
}
.single-hotels-2 {
margin-bottom: 30px;
}
/*=====================================================
54.single Package section start here
=======================================================*/
.single-package-details {
padding-bottom: 30px;
}
.single-package-details .single-package-title h2 {
font-size: 30px;
font-weight: 600;
color: #2f2f2f;
text-transform: capitalize;
}
.single-package-details .package-content li {
position: relative;
display: inline-block;
font-size: 18px;
font-weight: 500;
color: #727272;
}
.single-package-details .package-content li span {
margin-right: 10px;
}
.single-package-details .package-content li span i {
color: #f10;
font-size: 18px;
}
.package-tab-menu .package-tab-menu {
padding: 30px 0;
border: none;
}
.package-tab-menu .package-tab-menu li {
display: inline-block;
padding-right: 30px;
}
.package-tab-menu .package-tab-menu li:last-child {
padding-right: 0;
}
.package-tab-menu .package-tab-menu li a {
color: #2f2f2f;
display: block;
font-size: 16px;
font-weight: 500;
padding: 14px 35px;
text-decoration: none;
border: none;
-webkit-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
}
.package-tab-menu .package-tab-menu li a:hover {
background: #ffffff;
color: #f10;
}
.package-tab-menu .package-tab-menu li a.active {
-webkit-box-shadow: 0 0 80px 0 rgba(47, 47, 47, 0.1);
box-shadow: 0 0 80px 0 rgba(47, 47, 47, 0.1);
background: #ffffff;
color: #f10;
}
.tab-content {
width: 100%;
}
.tab-content .tour-description {
padding-left: 12px;
}
.tab-content .tour-description h4 {
font-size: 20px;
color: #2f2f2f;
font-weight: 500;
padding: 20px 0;
}
.tab-content .tour-description p {
padding-bottom: 20px;
line-height: 30px;
}
.tab-content .chosse-packge {
padding-left: 12px;
}
.tab-content .chosse-packge .packaging_contents_wrapper {
-webkit-box-shadow: 0 0 80px 0 rgba(47, 47, 47, 0.1);
box-shadow: 0 0 80px 0 rgba(47, 47, 47, 0.1);
padding: 45px 60px;
}
.tab-content .chosse-packge .packaging_contents_wrapper h4 {
font-size: 20px;
color: #2f2f2f;
font-weight: 600;
padding: 0px 0 20px;
}
.tab-content .chosse-packge .packaging_contents_wrapper .packaging-contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tab-content .chosse-packge .packaging_contents_wrapper .packaging-contents ul {
padding-right: 80px;
}
.tab-content .chosse-packge .packaging_contents_wrapper .packaging-contents ul:last-child {
padding-right: 0;
}
.tab-content .chosse-packge .packaging_contents_wrapper .packaging-contents ul li {
font-size: 15px;
color: #2f2f2f;
font-weight: 500;
padding: 0px 0 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.tab-content .chosse-packge .packaging_contents_wrapper .packaging-contents ul li:last-child {
padding: 0;
}
.tab-content .chosse-packge .packaging_contents_wrapper .packaging-contents ul li span:first-child {
min-width: 150px;
}
.tab-content .chosse-packge .packaging_contents_wrapper .packaging-contents ul li i {
color: #f00;
margin-right: 10px;
}
.tab-content .comment-list-items .comment-list-wrapper {
border-bottom: 1px solid rgba(47, 47, 47, 0.05);
padding-top: 40px;
padding-bottom: 40px;
}
.tab-content .comment-list-items .comment-list-wrapper:last-child {
border-bottom: 1px solid rgba(47, 47, 47, 0);
padding-bottom: 0px;
}
.tab-content .comment-list-items .comment-list-wrapper:first-child {
border-top: 1px solid transparent;
}
.tab-content .comment-list-items .comment-list-wrapper .reply_comment_text {
padding-left: 50px !important;
padding-top: 30px !important;
}
.tab-content .comment-list-items .comment-list-wrapper .comment-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #ffffff;
padding: 0;
border-radius: 0;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.tab-content .comment-list-items .comment-list-wrapper .comment-list:first-child {
margin-bottom: 0;
}
.tab-content .comment-list-items .comment-list-wrapper .comment-list .commnet_img {
width: 80px;
height: 80px;
}
.tab-content .comment-list-items .comment-list-wrapper .comment-list .commnet_img img {
border-radius: 50%;
}
.tab-content .comment-list-items .comment-list-wrapper .comment-list .comment-text {
width: 87%;
}
.tab-content .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info {
line-height: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.tab-content .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .author_name a {
font-size: 16px;
font-weight: 700;
color: #2f2f2f;
margin-right: 25px;
}
.tab-content .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .author_name span {
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #727272;
}
.tab-content .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a {
font-size: 14px;
font-weight: 500;
margin: 0 0 0 30px;
color: #f00;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.tab-content .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a:hover {
color: #f10;
}
.tab-content .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a:hover i {
color: #f10;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding-right: 10px;
margin: 0;
font-size: 10px;
}
.tab-content .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a i {
padding-right: 5px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.tab-content .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a i:before {
margin: 0;
font-size: 14px;
}
.tab-content .comment-list-items .comment-list-wrapper .comment-list .comment-text .review_rating li i {
color: #f10;
font-size: 14px;
}
.tab-content .comment-list-items .comment-list-wrapper .comment-list .comment-text p {
font-size: 14px;
font-weight: 400;
line-height: 24px;
margin: 19px 0 0;
color: #727272;
padding-right: 50px;
}
.related-tour {
padding-bottom: 120px 0 150px;
}
.related-tour .single-package {
margin-bottom: 0 !important;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.related-tour .single-package:hover .travel-booking-btn {
background: #f00 !important;
color: #ffffff !important;
}
.related-tour .single-package .travel-booking-btn {
background: transparent;
border: 1px solid #f00;
color: #2f2f2f;
}
.related-tour .single-package .travel-booking-btn:hover {
border: 1px solid #f10 !important;
}
.related-tour .section-title-3 h2 {
background-position: left 87px bottom;
background-repeat: no-repeat;
color: #454545;
font-size: 25px;
font-weight: 600;
padding-bottom: 0;
}
aside {
background: #f5f6fa;
border-radius: 3px;
padding: 30px 0;
}
aside .booking-form .booking-title {
padding: 0 30px;
}
aside .booking-form .booking-title h2 {
color: #2f2f2f;
font-size: 22px;
font-weight: 600;
text-transform: capitalize;
}
aside .booking-form .booking-title p {
margin-bottom: 20px;
}
aside .booking-form .form-group {
padding: 0 30px;
margin-bottom: 15px !important;
}
aside .booking-form .form-group input.form-control,
aside .booking-form .form-group textarea.form-control {
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
color: #727272;
display: block;
font-size: 15px;
height: 43px;
-webkit-transition: none;
transition: none;
border: none;
}
aside .booking-form .form-group input.form-control:focus,
aside .booking-form .form-group textarea.form-control:focus {
outline: none;
border-color: #cccccc;
-webkit-box-shadow: none;
box-shadow: none;
}
aside .booking-form .form-group textarea.form-control {
height: auto;
}
aside .booking-form .form-group .booking-confirm {
border: none;
border-radius: 0px;
background: #f10;
color: #ffffff;
height: 54px;
width: 100%;
font-size: 18px;
font-weight: 500;
cursor: pointer;
}
aside .booking-form .form-group .booking-confirm:before {
background: #f00;
}
aside .booking-form .form_btn {
padding: 20px 0px 0;
}
.adding-form {
margin-top: 50px;
border-radius: 5px;
overflow: hidden;
}
.adding-form .addfor-bg {
background: #f00 url("../images/bgimage/add.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 40px;
position: relative;
}
.adding-form .addfor-bg:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 1;
}
.adding-form .addfor-bg .add-content {
position: relative;
z-index: 8;
}
.adding-form .addfor-bg .add-content h3 {
color: #ffffff;
font-size: 30px;
font-weight: 600;
}
.adding-form .addfor-bg .add-content p {
color: #ffffff;
line-height: 30px;
}
.adding-form .addfor-bg .add-content .contact-for-add li {
display: block;
color: #ffffff;
padding: 10px 0;
}
.adding-form .addfor-bg .add-content .contact-for-add li img {
margin-right: 10px;
}
.mapp iframe {
height: 700px;
width: 95%;
border: 0;
}
.scrolloff {
pointer-events: none;
}
.video-bg {
background: #f00 url("../images/bgimage/videotab.jpg") no-repeat scroll center center/cover;
padding: 250px 0;
position: relative;
overflow: hidden;
}
.video-bg:before {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
content: '';
background: rgba(0, 0, 0, 0.6);
z-index: 1;
}
.video-bg .video-play-btn {
border: 3px solid #f00;
border-radius: 100%;
height: 80px;
line-height: 75px;
margin: 0 auto;
position: relative;
text-align: center;
width: 80px;
z-index: 33;
font-size: 25px;
}
.video-bg a span i {
color: #f00;
}
.video-bg a:focus {
outline: none;
}
.main-timeline {
position: relative;
z-index: 1;
}
.main-timeline:before {
content: "";
width: 2px;
height: 88%;
background: #cccccc;
margin: 0 auto;
position: absolute;
top: 0;
left: 10px;
z-index: -1;
}
.main-timeline .timeline {
margin-bottom: 30px;
position: relative;
}
.main-timeline .timeline:before,
.main-timeline .timeline:after {
content: "";
display: block;
width: 100%;
clear: both;
}
.main-timeline .timeline .timeline-content {
padding: 0 40px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 100%;
}
.main-timeline .timeline .timeline-content h4 {
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
color: #2f2f2f;
font-size: 18px;
font-weight: 600;
}
.main-timeline .timeline .timeline-content .timeline-icon {
background: #f00 none repeat scroll 0 0;
border-radius: 100%;
color: #ffffff;
font-size: 35px;
font-weight: 500;
height: 82px;
left: -30px;
line-height: 80px;
position: absolute;
text-align: center;
top: 0;
width: 82px;
z-index: 1;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.main-timeline .timeline .left {
margin-left: 40px;
}
.main-timeline .timeline:hover .timeline-icon {
background: #f10;
}
.main-timeline .timeline:hover .timeline-content h4 {
color: #f10;
}
/*=====================================================
55.contact section start here
=======================================================*/
#googleMap {
width: 100%;
height: 600px;
}
.contact-title h2 {
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
color: #2f2f2f;
padding: 20px 0;
line-height: normal;
}
.address p {
line-height: 30px;
}
.contact-form .form-group {
position: relative;
}
.contact-form .form-group:last-child {
margin-bottom: 0;
}
.contact-form .form-group input,
.contact-form .form-group textarea {
width: 100%;
height: 44px;
border: 1px solid #e9edf0;
padding: 12px 15px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
border-radius: 3px;
color: #555555;
background: #eeeeee none repeat scroll 0 0;
}
.contact-form .form-group input:focus,
.contact-form .form-group textarea:focus {
outline: none;
}
.contact-form .form-group textarea {
height: 210px;
}
.contact-form .form-group .button {
width: 135px;
height: 45px;
border-radius: 3px;
border: 0px solid;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
color: #ffffff;
background: #f00;
font-weight: 500;
}
.contact-form .form-group .button:hover {
background: #f10;
}
.contact-form .form-group .button i {
position: relative;
display: inline-block;
color: #fff;
margin-right: 10px;
padding: 0px;
}
/*=====================================================
56.Blog single version one
=======================================================*/
.blog-contents-version-one .single-package-carasoul,
.blog-contents-version-one .single-package {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
/*=====================================================
56.Blog single section start here
=======================================================*/
.single {
background: #f5f5f5;
}
.single .single-blog .blog-head {
position: relative;
overflow: hidden;
}
.single .single-blog .blog-head:before {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.3);
content: "";
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
z-index: 8;
}
.single .single-blog .blog-head img {
display: block;
width: 100%;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: 3;
}
.single .single-blog .blog-content {
padding: 20px 0 0;
}
.single .single-blog .blog-content h2 {
margin-bottom: 10px;
font-size: 22px;
font-weight: 600;
color: #2f2f2f;
text-transform: capitalize;
}
.single .single-blog .blog-content .meta {
margin-bottom: 20px;
}
.single .single-blog .blog-content .meta span {
margin-right: 10px;
color: #2f2f2f;
font-size: 14px;
}
.single .single-blog .blog-content .meta span i {
margin-right: 5px;
}
.single .single-blog .blog-content p {
margin-bottom: 20px;
line-height: 27px;
}
.single .single-blog .blog-content p:last-child {
margin: 0;
}
.single .single-blog:hover .blog-head:before {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.single .single-blog:hover .blog-head img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.single .blog-comments {
padding: 30px 15px;
background: #fff;
margin-top: 30px;
}
.single .blog-comments h2 {
text-transform: capitalize;
font-size: 20px;
margin-bottom: 15px;
padding-bottom: 15px;
position: relative;
display: inline-block;
color: #2f2f2f;
}
.single .blog-comments h2:before {
position: absolute;
left: 0;
bottom: -1px;
content: "";
width: 10%;
height: 2px;
content: "";
background: #f10;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
.single .blog-comments .single-comments {
overflow: hidden;
border-bottom: 1px solid #e2e2e2;
padding-bottom: 30px;
margin-bottom: 30px;
margin-top: 30px;
}
.single .blog-comments .single-comments:last-child {
border: 0px;
margin: 0;
padding: 0;
}
.single .blog-comments .single-comments .head {
float: left;
margin-right: 20px;
text-align: center;
width: 15%;
}
.single .blog-comments .single-comments .body {
float: left;
width: 82%;
padding: 10px;
position: relative;
background: #f00;
}
.single .blog-comments .single-comments .body:before {
border-right-color: #f00 !important;
position: absolute;
left: -12px;
top: -1px;
content: "";
border-bottom: 5px solid transparent;
border-right: 13px solid;
border-top: 14px solid transparent;
}
.single .blog-comments .single-comments .body p {
margin-top: 10px;
color: #ffffff;
line-height: 30px;
}
.single .blog-comments .single-comments img {
width: 65px;
height: 65px;
border-radius: 100%;
}
.single .blog-comments .single-comments h4 {
margin: 5px 0 0;
font-size: 16px;
text-align: left;
font-weight: 400;
color: #2f2f2f;
text-align: center;
}
.single .blog-comments .single-comments .meta {
font-size: 14px;
margin: 0;
color: #fff;
font-weight: 500;
}
.single .blog-comments .single-comments a {
text-transform: uppercase;
font-size: 12px;
color: #fff;
font-weight: 400;
}
.single .blog-comments:hover h2:before {
width: 50%;
}
.single .comment-respond {
margin-top: 50px;
}
.single .comment-respond .comment-reply-title h3 {
color: #454545;
display: inline-block;
font-size: 20px;
margin-bottom: 15px;
padding-bottom: 15px;
position: relative;
text-transform: capitalize;
}
.single .comment-respond .comment-reply-title h3:before {
position: absolute;
left: 0;
bottom: -1px;
content: "";
width: 50%;
height: 2px;
content: "";
background: #f17b37;
}
.single .comment-respond label {
font-size: 15px;
color: #454545;
font-style: italic;
}
.single .comment-respond input {
height: 40px;
}
.single .comment-respond input,
.single .comment-respond textarea {
background-color: #f9f9f9;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 15px;
margin: 10px 0;
padding: 10px 20px;
outline: none;
}
.single .comment-respond input:focus,
.single .comment-respond textarea:focus {
border: 1px solid #f00;
}
.single .comment-respond input[type="submit"] {
background: #f00;
border-radius: 0;
color: #fff;
border: none;
font-size: 15px;
font-weight: 500;
margin-top: 20px;
height: 40px;
text-transform: uppercase;
}
.single .blog-sidebar .form .s-button {
position: absolute;
right: 0;
top: 0;
}
.single .blog-sidebar .form .search {
position: relative;
}
.single .blog-sidebar .form .search input[type="text"] {
border: 0px solid;
width: 100%;
height: 50px;
background: #eeeeee;
padding-left: 10px;
color: #2f2f2f;
}
.single .blog-sidebar .form .search input[type="submit"] {
height: 50px;
width: 81px;
border: 0px solid;
color: #ffffff;
right: 0;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
background: #f00;
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
}
.single .blog-sidebar .form .search input[type="submit"]:hover {
background: #f10;
}
.single .blog-sidebar .single-sidebar {
background: #fff;
padding: 15px;
margin-bottom: 30px;
}
.single .blog-sidebar .single-sidebar h2 {
text-transform: capitalize;
font-size: 18px;
margin-bottom: 15px;
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
display: block;
color: #2f2f2f;
font-weight: 500;
}
.single .blog-sidebar .single-sidebar ul li a {
color: #2f2f2f;
display: block;
padding: 15px 0;
-webkit-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.single .blog-sidebar .single-sidebar ul li a:hover {
color: #f10;
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
.single .blog-sidebar .single-sidebar ul li a i {
margin-right: 5px;
}
.single .blog-sidebar .latest .single-post {
overflow: hidden;
margin-bottom: 20px;
}
.single .blog-sidebar .latest .single-post:last-child {
margin-bottom: 0;
}
.single .blog-sidebar .latest .single-post .post-info h4 {
margin: 0;
font-size: 15px;
margin-bottom: 5px;
line-height: 25px;
font-weight: 500;
}
.single .blog-sidebar .latest .single-post .post-info h4 a {
color: #2f2f2f;
}
.single .blog-sidebar .latest .single-post .post-info p {
margin: 0;
}
.single .blog-sidebar .tags ul li {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
}
.single .blog-sidebar .tags ul li a {
color: #ffffff;
display: block;
padding: 5px 10px;
background: #f00;
}
.single .blog-sidebar .tags ul li a:hover {
color: #ffffff;
background: #f10;
}